<hgroup>: The Heading Group element
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Phần tử <hgroup> trong HTML biểu diễn một tiêu đề và nội dung liên quan. Nó nhóm một phần tử <h1>–<h6> duy nhất với một hoặc nhiều phần tử <p>.
Try it
<hgroup>
<h1>Frankenstein</h1>
<p>Or: The Modern Prometheus</p>
</hgroup>
<p>
Victor Frankenstein, a Swiss scientist, has a great ambition: to create
intelligent life. But when his creature first stirs, he realizes he has made a
monster. A monster which, abandoned by his master and shunned by everyone who
sees it, follows Dr Frankenstein to the very ends of the earth.
</p>
hgroup {
text-align: right;
padding-right: 16px;
border-right: 10px solid #00c8d7;
}
hgroup h1 {
margin-bottom: 0;
}
hgroup p {
margin: 0;
font-weight: bold;
}
Thuộc tính
Phần tử này chỉ bao gồm các thuộc tính toàn cục.
Ghi chú sử dụng
Phần tử <hgroup> cho phép nhóm một tiêu đề với bất kỳ nội dung phụ nào, chẳng hạn như phụ tiêu đề, tiêu đề thay thế hoặc tagline. Mỗi loại nội dung này được biểu diễn như một phần tử <p> bên trong <hgroup>.
Bản thân <hgroup> không có tác động đến outline tài liệu của trang web. Thay vào đó, tiêu đề duy nhất được phép trong <hgroup> đóng góp vào outline tài liệu.
Ví dụ
html
<!doctype html>
<title>HTML Standard</title>
<body>
<hgroup id="document-title">
<h1>HTML: Living Standard</h1>
<p>Last Updated 12 July 2022</p>
</hgroup>
<p>Some intro to the document.</p>
<h2>Table of contents</h2>
<ol id="toc">
…
</ol>
<h2>First section</h2>
<p>Some intro to the first section.</p>
</body>
Kết quả
Tóm tắt kỹ thuật
| Danh mục nội dung | Nội dung flow, nội dung heading, nội dung palpable. |
|---|---|
| Nội dung được phép |
Không hoặc nhiều phần tử <p>, tiếp theo là một
phần tử h1, h2,
h3, h4,
h5, hoặc h6,
tiếp theo là không hoặc nhiều phần tử <p>.
|
| Bỏ qua thẻ | Không, cả thẻ mở và thẻ đóng đều bắt buộc. |
| Phần tử cha được phép | Bất kỳ phần tử nào chấp nhận nội dung flow. |
| Vai trò ARIA ngầm định |
group
|
| Vai trò ARIA được phép | Bất kỳ |
| Giao diện DOM | HTMLElement |
Thông số kỹ thuật
| Specification |
|---|
| HTML # the-hgroup-element |