Tìm hiểu cách sử dụng phần tử HTML <main>.
Phần tử HTML <main> được dùng làm container để đại diện cho phần nội dung chính/đ占主导 của trang bạn bên trong phần tử <body>.
Ví dụ:
<body> <header><!-- Nội dung header --></header> <main> <article> <h3>Google Chrome</h3> <p>Đoạn văn</p> </article> <article> <h3>Tiêu đề</h3> <p>Đoạn văn</p> </article> <article> <h3>Tiêu đề</h3> <p>Đoạn văn</p> </article> </main> <footer><!-- Nội dung footer --></footer> </body>Phần tử <main> chứa nội dung trung tâm cho chủ đề của tài liệu bạn.
Mặc dù các phần tử <header> và <footer> cũng chứa nội dung (thường là liên kết và logo), chúng không được coi là phần chính của trang web, đó là lý do bạn đặt chúng bên ngoài phần tử <main>.
Khác với phần tử <article>, cũng là một container nội dung, phần tử <main> chỉ nên được dùng một lần trong cùng một tài liệu HTML.
Ví dụ
<main> <article> <h1>Tiêu đề bài viết của bạn</h1> <p>Đoạn văn</p> <p>Đoạn văn</p> <img href="hình-ảnh-của-bạn.jpg" alt="mô tả hình ảnh" /> <p>Đoạn văn</p> <p>Đoạn văn</p> </article> </main>Trang web bạn đang đọc tuân theo cấu trúc đánh dấu HTML tương tự. Bạn có thể tự kiểm tra bằng cách chuột phải vào trang web này và chọn Kiểm tra (Inspect).
Thẻ <main> là một trong nhiều thẻ HTML dùng để định nghĩa các phần tử container. Một số phần tử container HTML thường dùng nhất là:
<section>, <article> , <header>, <footer>,<form>, và <div> (là thẻ chung dùng khi không có thẻ nào khác phù hợp).