โครงหน้า Semantic พื้นฐาน
โครงสร้างที่อ่านเป็นแผนผังหน้าได้
<body>
<header>
<h1>ร้านกาแฟบ้านสวน</h1>
<nav>
<ul>
<li><a href="index.html">หน้าหลัก</a></li>
<li><a href="contact.html">ติดต่อ</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>เกี่ยวกับเรา</h2>
<p>กาแฟคั่วสดทุกวัน.</p>
</section>
<article>
<h2>ข่าวสั้น</h2>
<p>เปิดสาขาใหม่เดือนหน้า.</p>
</article>
</main>
<footer>
<p>ติดต่อ: hello@example.com</p>
</footer>
</body>
ใส่หัวข้อในแต่ละ
section/article ให้สื่อว่าส่วนนั้นเกี่ยวกับอะไร