语义化标签
定义
具有明确语义的标签,它们不仅仅是用于展示内容的样式,还提供了关于内容的额外信息。
分类和组成
**
<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>
用于为其提供标题。——————-等
目的
提高程序的结构性和可读性,更便于开发者进行样式设计