Thẻ article

Thẻ article được dùng cho các khối độc lập, tự chứa đầy đủ thông tin trên trang web, có thể được sử dụng như một trang riêng biệt.

Ví dụ, nếu bạn có một trang web với các bài viết, thì bài viết có thể được đặt trong thẻ này. Nếu bạn có bình luận của người dùng, thì mỗi bình luận trong số đó có thể được đặt trong thẻ này.

Đồng thời, nếu bạn có thẻ main cho nội dung trang web, thì article có thể được đặt bên trong main, nhưng không thể ngược lại.

Ví dụ

Hãy đặt văn bản bài viết vào thẻ article:

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<article>
			<h1>Tiêu đề</h1>
			<p>
				văn bản
			</p>
			<p>
				văn bản
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Ví dụ

Hãy đặt các bài đăng vào thẻ article:

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<h1>Bài đăng mới</h1>
		<article>
			<h2>Bài đăng 1</h2>
			<p>
				văn bản
			</p>
			<p>
				văn bản
			</p>
		</article>
		<article>
			<h2>Bài đăng 2</h2>
			<p>
				văn bản
			</p>
			<p>
				văn bản
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Xem thêm

thẻ section,
dùng để nhóm các khối trên trang web
thẻ header,
dùng để xác định phần đầu trang web
thẻ footer,
dùng để xác định phần chân trang web
thẻ main,
dùng để xác định phần chính của trang web
thẻ nav,
dùng để xác định menu chính của trang web
thẻ aside,
dùng để xác định phần phụ của trang web