Thẻ <section> đại diện cho một phần nội dung độc lập, thường có tiêu đề (<h1>-<h6>), dùng để cấu trúc tài liệu ngữ nghĩa (semantic).
Ví dụ minh họa
<!DOCTYPE html>
<html>
<head>
<title>HTML Section Tag</title>
</head>
<body>
<section>
<h1>Java</h1>
<h3>Kế thừa (Inheritance)</h3>
<p>Kế thừa định nghĩa mối quan hệ giữa superclass và subclass.</p>
</section>
<section>
<h1>JavaScript</h1>
<h3>Closure</h3>
<p>Closure là hàm ghi nhớ biến từ scope bên ngoài.</p>
</section>
</body>
</html>
Section vs Div vs Article
| Thẻ | Ý nghĩa | Khi nào dùng |
|---|---|---|
<section> | Phần nội dung theo chủ đề, có heading | Chương, mục, tab panel, accordion panel |
<article> | Nội dung độc lập, tự chứa, có thể syndicate | Bài blog, bài báo, comment, widget |
<div> | Container vô nghĩa, chỉ để style/layout | Wrapper, grid cell, không có ngữ nghĩa |