Thẻ ngữ nghĩa

Các thẻ ngữ nghĩa trong HTML giúp xác định ý nghĩa của nội dung, khiến code rõ ràng hơn với cả nhà phát triển lẫn trình duyệt. Khác với <div> và <span>, chúng cung cấp ngữ cảnh cho nội dung bên trong.

Các thẻ ngữ nghĩa phổ biến:

• <header>: Nội dung giới thiệu, thường nằm ở đầu trang.
• <nav>: Chứa các liên kết điều hướng.

• <main>: Nội dung chính của trang.
• <article>: Một nội dung độc lập như bài đăng blog.

• <section>: Nhóm các nội dung liên quan, thường có tiêu đề.
• <footer>: Phần cuối trang chứa thông tin như bản quyền hoặc thông tin liên hệ.

<header>
	<nav>
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Contact</a></li>
		</ul>
	</nav>
</header>
<main>
	<article>
		<h2>Article Title</h2>
		<p>Article content goes here.</p>
	</article>
</main>
<footer>
	<p>Copyright 2023</p>
</footer>

Cấu trúc này tạo bố cục rõ ràng và có ý nghĩa cho nội dung.