HTML <aside> Tag
Voorbeeld
Vertoon sommige inhoud afgesien van die inhoud waarin dit geplaas is:
<p>My family and I visited The Epcot center this summer. The weather was
nice, and Epcot was amazing! I had a great summer together with my
family!</p>
<aside>
<h4>Epcot Center</h4>
<p>Epcot is a theme
park at Walt Disney World Resort featuring exciting attractions,
international pavilions, award-winning fireworks and seasonal special
events.</p>
</aside>
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die <aside>
merker definieer sekere inhoud behalwe die inhoud waarin dit geplaas is.
Die tersyde inhoud moet indirek verband hou met die omliggende inhoud.
Wenk: Die <aside>
inhoud word dikwels as 'n sybalk in 'n dokument geplaas.
Let wel: Die <aside>
element word nie as iets spesiaals in 'n blaaier vertoon nie. Jy kan egter CSS gebruik om die <aside>
element te styl (sien voorbeeld hieronder).
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die element ten volle ondersteun.
Element | |||||
---|---|---|---|---|---|
<aside> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Globale eienskappe
Die <aside>
merker ondersteun ook die Global Attributes in HTML .
Gebeurtenis eienskappe
Die <aside>
merker ondersteun ook die gebeurteniskenmerke in HTML .
Meer voorbeelde
Voorbeeld
Gebruik CSS om die <aside>-element te styl:
<html>
<head>
<style>
aside {
width: 30%;
padding-left: 15px;
margin-left: 15px;
float: right;
font-style: italic;
background-color: lightgray;
}
</style>
</head>
<body>
<h1>The aside element</h1>
<p>My family and I visited The Epcot
center this summer. The weather was nice, and Epcot was amazing! I had a great
summer together with my family!</p>
<aside>
<p>The Epcot center is a
theme park at Walt Disney World Resort featuring exciting attractions,
international pavilions, award-winning fireworks and seasonal special
events.</p>
</aside>
<p>My family and I visited The Epcot center
this summer. The weather was nice, and Epcot was amazing! I had a great summer
together with my family!</p>
<p>My family and I visited The Epcot center
this summer. The weather was nice, and Epcot was amazing! I had a great summer
together with my family!</p>
</body>
</html>
Verwante bladsye
HTML DOM verwysing: Aside Object
Verstek CSS-instellings
Die meeste blaaiers sal die <aside>
element met die volgende verstekwaardes vertoon:
aside {
display: block;
}