HTMLNăm thẻ landmark, mỗi thẻ trả lời một câu hỏi "khối này đóng vai gì trong trang":
html
<body>
<header> <!-- giới thiệu / brand / search -->
<nav>...</nav> <!-- điều hướng chính -->
</header>
<main> <!-- nội dung chính, DUY NHẤT 1 trên trang -->
<article>
<header>...</header> <!-- header cấp article, hợp lệ -->
<p>...</p>
<footer>...</footer>
</article>
</main>
<aside>...</aside> <!-- liên quan gián tiếp: sidebar, bài liên quan -->
<footer>...</footer> <!-- copyright, liên hệ -->
</body>| Thẻ | Số lần / trang | Screen reader |
|---|---|---|
<main> | đúng 1 | đích của "skip to content" |
<nav> | nhiều | liệt kê trong danh sách landmark |
<header> / <footer> | nhiều (mỗi article một cái) | banner / contentinfo khi ở cấp trang |
<aside> | nhiều | complementary |
Lưu ý: <header>/<footer> chỉ được tính là landmark banner/contentinfo khi nằm trực tiếp trong <body>. Đặt trong <article> thì mất vai trò đó — đúng theo spec, không phải lỗi.