HTML5新增的标签主要包括以下几个类别:
1. 结构性标签:
- <header>:表示页面中一个内容区块或整个页面的标题部分。
- <hgroup>:对页面或页面中的一个内容区块的标题进行组合。
- <article>:表示页面中一块与上下文不相关的独立内容,如一篇文章。
- <aside>:定义页面的侧边栏内容,通常包含与主内容相关的辅助信息。
- <footer>:表示整个页面或页面中一个内容区块的脚注,通常包含版权信息、作者信息等。
- <section>:表示文档中的一个节(section),通常用于对页面内容进行逻辑分区。
- <nav>:表示页面中的导航链接部分。
2. 文本级语义标签:
- <mark>:表示需要突出显示的文本。
- <time>:表示日期或时间,可以包含公历日期、时间或持续时间。
- <bdi>:允许您设置一段文本,使其脱离其父元素的文本方向设置。
- <wbr>:软换行机会,浏览器会在需要时在此处断行,但不会影响文档的正常布局。
3. 表单相关标签:
- <datalist>:规定输入字段的选项列表,通常与<input>元素配合使用,提供自动完成功能。
- <keygen>:(注意:该标签在新的web标准中已废弃)用于生成密钥,通常用于加密通信。但由于安全性和隐私考虑,现代浏览器已不支持。
- <output>:用于表示计算结果或脚本输出。
4. 多媒体标签:
- <audio>:用于嵌入音频内容。
- <video>:用于嵌入视频内容。
- <source>:规定多媒体资源的一个或多个媒体资源,用于<audio>和<video>元素。
- <track>:为<audio>或<video>元素规定字幕文件或其他文本轨道。
5. 图形标签:
- <canvas>:用于在网页上绘制图形,如图表、游戏图形等。
这些新标签增强了HTML的语义化,使得网页结构更加清晰,也更易于搜索引擎理解和索引。同时,它们也为开发者提供了更多的功能和灵活性,使得创建现代、响应式的网页变得更加容易。