语义化标签

定义

具有明确语义的标签,它们不仅仅是用于展示内容的样式,还提供了关于内容的额外信息。

分类和组成

  1. **<header>**:定义文档或节的头部,通常包含标题和导航链接。

  2. **<nav>**:定义页面的导航链接部分。

  3. **<article>**:定义独立的自包含内容,可以是博客文章、新闻故事、论坛帖子等。

  4. **<section>**:定义文档中的一个节,通常包含一个标题。

  5. **<aside>**:定义与页面内容轻微相关的辅助信息,如侧边栏、广告、引用等。

  6. **<footer>**:定义文档或节的页脚,通常包含作者信息、版权信息、联系信息等。

  7. **<figure><figcaption>**:<figure>用于定义独立的流内容(如图表、图片、代码等),<figcaption>用于为其提供标题或说明。

  8. **<time>**:定义日期或时间,可以是机器可读的格式。

  9. **<mark>**:定义被标记或高亮的文本。

  10. **<details><summary>**:<details>用于创建一个可展开折叠的交互式控件,<summary>用于为其提供标题。

    ——————-等

目的

提高程序的结构性和可读性,更便于开发者进行样式设计## 定义

具有明确语义的标签,它们不仅仅是用于展示内容的样式,还提供了关于内容的额外信息。

分类和组成

  1. **<header>**:定义文档或节的头部,通常包含标题和导航链接。

  2. **<nav>**:定义页面的导航链接部分。

  3. **<article>**:定义独立的自包含内容,可以是博客文章、新闻故事、论坛帖子等。

  4. **<section>**:定义文档中的一个节,通常包含一个标题。

  5. **<aside>**:定义与页面内容轻微相关的辅助信息,如侧边栏、广告、引用等。

  6. **<footer>**:定义文档或节的页脚,通常包含作者信息、版权信息、联系信息等。

  7. **<figure><figcaption>**:<figure>用于定义独立的流内容(如图表、图片、代码等),<figcaption>用于为其提供标题或说明。

  8. **<time>**:定义日期或时间,可以是机器可读的格式。

  9. **<mark>**:定义被标记或高亮的文本。

  10. **<details><summary>**:<details>用于创建一个可展开折叠的交互式控件,<summary>用于为其提供标题。

    ——————-等

目的

提高程序的结构性和可读性,更便于开发者进行样式设计标签

定义

具有明确语义的标签,它们不仅仅是用于展示内容的样式,还提供了关于内容的额外信息。

分类和组成

  1. **<header>**:定义文档或节的头部,通常包含标题和导航链接。

  2. **<nav>**:定义页面的导航链接部分。

  3. **<article>**:定义独立的自包含内容,可以是博客文章、新闻故事、论坛帖子等。

  4. **<section>**:定义文档中的一个节,通常包含一个标题。

  5. **<aside>**:定义与页面内容轻微相关的辅助信息,如侧边栏、广告、引用等。

  6. **<footer>**:定义文档或节的页脚,通常包含作者信息、版权信息、联系信息等。

  7. **<figure><figcaption>**:<figure>用于定义独立的流内容(如图表、图片、代码等),<figcaption>用于为其提供标题或说明。

  8. **<time>**:定义日期或时间,可以是机器可读的格式。

  9. **<mark>**:定义被标记或高亮的文本。

  10. **<details><summary>**:<details>用于创建一个可展开折叠的交互式控件,<summary>用于为其提供标题。

    ——————-等

目的

提高程序的结构性和可读性,更便于开发者进行样式设计## 定义

具有明确语义的标签,它们不仅仅是用于展示内容的样式,还提供了关于内容的额外信息。

分类和组成

  1. **<header>**:定义文档或节的头部,通常包含标题和导航链接。

  2. **<nav>**:定义页面的导航链接部分。

  3. **<article>**:定义独立的自包含内容,可以是博客文章、新闻故事、论坛帖子等。

  4. **<section>**:定义文档中的一个节,通常包含一个标题。

  5. **<aside>**:定义与页面内容轻微相关的辅助信息,如侧边栏、广告、引用等。

  6. **<footer>**:定义文档或节的页脚,通常包含作者信息、版权信息、联系信息等。

  7. **<figure><figcaption>**:<figure>用于定义独立的流内容(如图表、图片、代码等),<figcaption>用于为其提供标题或说明。

  8. **<time>**:定义日期或时间,可以是机器可读的格式。

  9. **<mark>**:定义被标记或高亮的文本。

  10. **<details><summary>**:<details>用于创建一个可展开折叠的交互式控件,<summary>用于为其提供标题。

    ——————-等

目的

提高程序的结构性和可读性,更便于开发者进行样式设计