Aside

Onu kapsayan içerikle yüzeysel bir bağlantısı olan içeriğe denir. sidebar ya da kelime açıklaması için kullanılabilir. Kullanımı biraz kafa karıştırabilir. Bunu örneğin içinde açıklayayım.

 <body> 

<h1>Coders' Grave</h1>

 <article>

 <h3>Yazı Başlığı</h3> 

<p>Lorem ipsum dolor sit amet</p>

 <aside>

 <!--Bu kısım yazı ile doğrudan ilişkili. Ancak yazının devamı değil.-->

 <h3>Sözlük</h3> 

<dl> 

<dt>Lorem ipsum nedir?</dt>

 <dd>Lorem ipsum...</dd>

</dl> 

</aside>

 </article>

 <aside> 

<!--Bu kısım yazı ile doğrudan ilişkili değil. Sayfadaki yazıların devamı da değil. Ancak sayfanın kendisiyle ilişkili--> 

<h2>Kategoriler</h2> 

<ul> 

<li><a href="#">HTML</a></li> 

<li><a href="#">CSS</a></li>

<li><a href="#">Java</a></li> 

<li><a href="#">PHP</a></li> 

</ul>

 </aside>

 </body>

Tekrar söylüyorum; hala div elementini kullanabilirsiniz.

Main <main> etiketi belgenin ana içeriğini belirler. Bir belgede birden fazla <main> öğesi olmamalıdır. <main> öğesi <article>, <aside>, <footer>, <header>, veya <nav> tagları içerisinde olmamalıdır. <main> elemanı içindeki içerik belgede benzersiz olmalıdır. Böyle kenar linkleri, navigasyon linkleri, telif hakkı bilgileri, site logoları ve arama formları gibi belgelerde tekrarlanır herhangi bir içerik içermemelidir.