>HTML aside Tag - Belajar html
<aside>
, html <aside>
mempunyai definisi tentang konten yang berkaitaan dengan konten yang ada disekitarnya. Maksud dari hal tersebut adalah kontent yang ada dalam element <aside>
saling terkait dengan konten dari disekitarnya, tetapi bukan bagian dari konten utama, atau di kesampingkan dari kontent utama.
Contoh :
<aside>
<h3>Artikel Terkait :</h3>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</aside>
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Demo Triksonic</title> </head> <body> <h1>Demo Triksonic</h1> <hr/> <article> <h2>Ini adalah Heading2</h2> <p>Lorem ipsum dolor sit amet... dst...</p> </article> <hr/> <aside> <h3>Artikel Terkait :</h3> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> </ul> </aside> </body> </html>
Global Attributes:
Element
<aside>
mencakup Global Attributes HTML.
Event Attributes:
Element
<aside>
mencakup Event Attributes HTML.
Browser Support :
Desktop
Chrome | 5 |
---|---|
Safari | 4.1 |
Firefox | 4 |
Opera | 11.1 |
IE | 9 |
Edge | Ya |
Mobile
Android Webview | Ya |
---|---|
Chrome Android | Ya |
Edge Mobile | Ya |
Firefox Android | 4 |
Opera Android | 11 |
iOs Safari | 4.2 |
Samsung Internet | Ya |
Default CSS :
Browser yang support dengan element
<aside>
, biasanya mempunyai nilai default :aside {
display: block;
}