HTML 样式标签

2025-05-14

5️⃣ HTML5 新属性

⚠️ 大多数浏览器不支持

`<style>`

定义 HTML 文档的样式信息。

属性名	值	说明
media	media_query	为样式表规定不同的媒体类型。
scoped5️⃣	scoped	如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。
type	text/css	规定样式表的 MIME 类型

`<div>`

定义 HTML 文档中的一个分隔区块或者一个区域部分。
常用于组合块级元素，以便通过 CSS 来对这些元素进行格式化。

`<span>`

对文档中的行内元素进行组合。
提供了一种将文本的一部分或者文档的一部分独立出来的方式。
被包含的文本，您可以使用 CSS 对它定义样式，或者使用 JavaScript 对它进行操作。

定义文档或者文档的一部分区域的页眉。
作为介绍内容或者导航链接栏的容器。

定义文档或者文档的一部分区域的页脚。
典型情况会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。

属性名	值	说明

`<section>` 5️⃣

定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。

属性名	值	说明

`<article>` 5️⃣

定义独立的内容。
定义的内容本身必须是有意义的且必须是独立于文档的其余部分。

`<aside>` 5️⃣

定义 <article> 标签外的内容。

`<details>` 5️⃣

规定了用户可见的或者隐藏的需求的补充细节。
只有 Chrome 和 Safari 6 支持

属性名	值	说明
open5️⃣	open	规定 details 是否可见。

`<dialog>` 5️⃣

定义一个对话框、确认框或窗口。

属性名	值	说明
open5️⃣	open	规定 dialog 元素是有效的，用户可以与它进行交互。

`<summary>` 5️⃣

为 <details> 元素定义一个可见的标题。当用户点击标题时会显示出详细信息。