4. Семантик (Semantic) HTML

Семантик HTML нь вэб хуудасны контентыг илүү сайн ойлгоход тусалдаг. Энэ нь вэб хөтөч, хайлтын системүүд, болон хэрэглэгчидтэй илүү сайн харьцахад тусалдаг.

Жишээ:

• <header>: Хуудасны эхлэл.
• <nav>: Навигацийн цэс.
• <main>: Гол контент.
• <footer>: Хуудасны төгсгөл.

<header>
<h1>Вэб сайтны нэр</h1>
</header>
<nav>
<a href="#home">Нүүр</a>
<a href="#about">Бидний тухай</a>
</nav>
<main>
<section>
<h2>Мэдээлэл</h2>
<p>Энэ бол гол контент.</p>
</section>
</main>
<footer>
<p>Холбоо барих мэдээлэл</p>
</footer>