>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;
}