Giới thiệu
Tag <main> là một tag HTML5 được sử dụng để đánh dấu phần nội dung chính của một trang web. Nó chỉ ra rằng phần nội dung được đặt trong tag <main> là phần quan trọng nhất và nên được tập trung vào.
Cách sử dụng
Tag <main> được đặt bên trong thẻ <body> và chỉ có thể xuất hiện một lần duy nhất trong một trang web. Nội dung bên trong tag <main> thường chứa các phần tử HTML khác như tiêu đề, đoạn văn bản, hình ảnh, bảng, hoặc các phần tử khác.
Ví dụ:
<body>
<header>
<!-- Phần header của trang web -->
</header>
<main>
<h1>Chào mừng đến với trang web của chúng tôi!</h1>
<p>Đây là nội dung chính của trang web.</p>
<img src="image.jpg" alt="Hình ảnh minh họa">
<table>
<!-- Bảng dữ liệu -->
</table>
</main>
<footer>
<!-- Phần footer của trang web -->
</footer>
</body>
Giải thích
Trong ví dụ trên, tag <main> được sử dụng để bao bọc phần nội dung chính của trang web. Nội dung bên trong tag <main> bao gồm một tiêu đề <h1>, một đoạn văn bản <p>, một hình ảnh <img>, và một bảng <table>. Các phần tử này đại diện cho nội dung quan trọng và chính của trang web.
Việc sử dụng tag <main> giúp cho trình duyệt và các công cụ tìm kiếm hiểu rõ rằng phần nội dung bên trong tag này là phần quan trọng nhất của trang web. Điều này có thể giúp cải thiện trải nghiệm người dùng và tối ưu hóa SEO.