tRikSonic
Tema
  • Original
  • Translate

HTML aside Tag

Terakhir diperbarui : 24 Mei 2018 - 08.19
>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.
HTML aside

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

Chrome5
Safari4.1
Firefox4
Opera11.1
IE9
EdgeYa

Mobile

Android WebviewYa
Chrome AndroidYa
Edge MobileYa
Firefox Android4
Opera Android11
iOs Safari4.2
Samsung InternetYa

Default CSS :

Browser yang support dengan element <aside>, biasanya mempunyai nilai default :
aside { 
    display: block;
}
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.