语义化标签
定义
具有明确语义的标签,它们不仅仅是用于展示内容的样式,还提供了关于内容的额外信息。
分类和组成
**
<header>**:定义文档或节的头部,通常包含标题和导航链接。**
<nav>**:定义页面的导航链接部分。**
<article>**:定义独立的自包含内容,可以是博客文章、新闻故事、论坛帖子等。**
<section>**:定义文档中的一个节,通常包含一个标题。**
<aside>**:定义与页面内容轻微相关的辅助信息,如侧边栏、广告、引用等。**
<footer>**:定义文档或节的页脚,通常包含作者信息、版权信息、联系信息等。**
<figure>和<figcaption>**:<figure>用于定义独立的流内容(如图表、图片、代码等),<figcaption>用于为其提供标题或说明。**
<time>**:定义日期或时间,可以是机器可读的格式。**
<mark>**:定义被标记或高亮的文本。**
<details>和<summary>**:<details>用于创建一个可展开折叠的交互式控件,<summary>用于为其提供标题。——————-等
目的
提高程序的结构性和可读性,更便于开发者进行样式设计## 定义
具有明确语义的标签,它们不仅仅是用于展示内容的样式,还提供了关于内容的额外信息。
分类和组成
**
<header>**:定义文档或节的头部,通常包含标题和导航链接。**
<nav>**:定义页面的导航链接部分。**
<article>**:定义独立的自包含内容,可以是博客文章、新闻故事、论坛帖子等。**
<section>**:定义文档中的一个节,通常包含一个标题。**
<aside>**:定义与页面内容轻微相关的辅助信息,如侧边栏、广告、引用等。**
<footer>**:定义文档或节的页脚,通常包含作者信息、版权信息、联系信息等。**
<figure>和<figcaption>**:<figure>用于定义独立的流内容(如图表、图片、代码等),<figcaption>用于为其提供标题或说明。**
<time>**:定义日期或时间,可以是机器可读的格式。**
<mark>**:定义被标记或高亮的文本。**
<details>和<summary>**:<details>用于创建一个可展开折叠的交互式控件,<summary>用于为其提供标题。——————-等
目的
提高程序的结构性和可读性,更便于开发者进行样式设计标签
定义
具有明确语义的标签,它们不仅仅是用于展示内容的样式,还提供了关于内容的额外信息。
分类和组成
**
<header>**:定义文档或节的头部,通常包含标题和导航链接。**
<nav>**:定义页面的导航链接部分。**
<article>**:定义独立的自包含内容,可以是博客文章、新闻故事、论坛帖子等。**
<section>**:定义文档中的一个节,通常包含一个标题。**
<aside>**:定义与页面内容轻微相关的辅助信息,如侧边栏、广告、引用等。**
<footer>**:定义文档或节的页脚,通常包含作者信息、版权信息、联系信息等。**
<figure>和<figcaption>**:<figure>用于定义独立的流内容(如图表、图片、代码等),<figcaption>用于为其提供标题或说明。**
<time>**:定义日期或时间,可以是机器可读的格式。**
<mark>**:定义被标记或高亮的文本。**
<details>和<summary>**:<details>用于创建一个可展开折叠的交互式控件,<summary>用于为其提供标题。——————-等
目的
提高程序的结构性和可读性,更便于开发者进行样式设计## 定义
具有明确语义的标签,它们不仅仅是用于展示内容的样式,还提供了关于内容的额外信息。
分类和组成
**
<header>**:定义文档或节的头部,通常包含标题和导航链接。**
<nav>**:定义页面的导航链接部分。**
<article>**:定义独立的自包含内容,可以是博客文章、新闻故事、论坛帖子等。**
<section>**:定义文档中的一个节,通常包含一个标题。**
<aside>**:定义与页面内容轻微相关的辅助信息,如侧边栏、广告、引用等。**
<footer>**:定义文档或节的页脚,通常包含作者信息、版权信息、联系信息等。**
<figure>和<figcaption>**:<figure>用于定义独立的流内容(如图表、图片、代码等),<figcaption>用于为其提供标题或说明。**
<time>**:定义日期或时间,可以是机器可读的格式。**
<mark>**:定义被标记或高亮的文本。**
<details>和<summary>**:<details>用于创建一个可展开折叠的交互式控件,<summary>用于为其提供标题。——————-等
目的
提高程序的结构性和可读性,更便于开发者进行样式设计

