HTML5不支持标签和新增标签详解-前端开发

HTML5是一种用来定义Web内容的标准。HTML5的新增标签主要分为两类：语义化标签和媒体标签。

HTML5是一种用来定义Web内容的标准。HTML5的新增标签主要分为两类：语义化标签和媒体标签。

HTML5不支持的标签

1. 纯表现的标签

HTML5不再支持一些纯表现的标签，如font、center、hr等。这些标签没有明确的语义，以前用来进行排版和美化页面，现在建议使用CSS来实现。

2. 实用但经常被滥用的标签

还有一些实用但经常被滥用的标签，如big、strike、u等。这些标签被HTML5不推荐使用，建议使用CSS来实现文本的样式。

HTML5新增的语义化标签

HTML5新增了许多语义化标签，包括：header、nav、section、article、aside、footer等。这些标签可以明确地定义文档的结构和内容，不仅提高了文档的可读性，也有利于搜索引擎和屏幕阅读器等工具的分析和解析。

示例1：使用
标签

在网页中，

标签通常用于定义页面或者文章的标题区域。下面是一个使用

标签的示例代码：

<header>
  <h1>我是页面的标题</h1>
  <nav>
    <ul>
      <li><a href="#">链接1</a></li>
      <li><a href="#">链接2</a></li>
      <li><a href="#">链接3</a></li>
    </ul>
  </nav>
</header>

示例2：使用
和
标签

在网页中，

标签通常用于分隔页面的不同段落，

标签则用于定义一个完整的文章。下面是一个使用

和

标签的示例代码：

<section>
  <h2>文章列表</h2>
  <article>
    <h3>文章1的标题</h3>
    <p>文章1的内容</p>
  </article>
  <article>
    <h3>文章2的标题</h3>
    <p>文章2的内容</p>
  </article>
</section>

HTML5新增的媒体标签

HTML5还新增了一些媒体标签，如video和audio标签，使得在网页上嵌入音频和视频更加方便。

示例3：使用

<video controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持视频播放。
</video>

在这个示例中，

总之，HTML5的标签使用更加规范、丰富，使得网页结构更加清晰，也使得网页内容的表现更加丰富。

HTML5不支持的标签

1. 纯表现的标签

2. 实用但经常被滥用的标签

HTML5新增的语义化标签

示例1：使用 标签

示例1：使用
标签