该页列出所有HTML5新增的有效标签。
脚本
| Element | Description |
|---|---|
<template> | 通过 JavaScript 在运行时实例化内容的容器。 |
章节
| Element | Description |
|---|---|
<section> | 定义文档中的一个章节 |
<nav> | 定义只包含导航链接的章节 |
<article> | 定义可以独立于内容其余部分的完整独立内容块 |
<aside> | 定义和页面内容关联度较低的内容——如果被删除,剩下的内容仍然很合理。 |
<header> | 定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。 |
<footer> | 定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。 |
<main> | 定义文档中主要或重要的内容。 |
组织内容
| Element | Description |
|---|---|
<figure> | 代表一个和文档有关的图例。 |
<figcaption> | 代表一个图例的说明。 |
文字形式
| Element | Description |
|---|---|
<data> | 关联一个内容的机器可读的等价形式 (该元素只在 WHATWG 版本的 HTML 标准中,不在 W3C 版本的 HTML5 标准中)。 |
<time> | 代表日期 和时间 值;机器可读的等价形式通过datetime属性指定。 |
<mark> | 代表一段需要被高亮的引用文字。 |
<ruby> | 代表被ruby注释标记的文本,如中文汉字和它的拼音。 |
<rt> | 代表 ruby 注释 ,如中文拼音。 |
<rp> | 代表 ruby 注释两边的额外插入文本 ,用于在不支持 ruby 注释显示的浏览器中提供友好的注释显示。 |
<bdi> | 代表需要脱离 父元素文本方向的一段文本。它允许嵌入一段不同或未知文本方向格式的文本。 |
<wbr> | 代表建议换行 (Word Break Opportunity) ,当文本太长需要换行时将会在此处添加换行符。 |
嵌入内容
| Element | Description |
|---|---|
<embed> | 代表一个嵌入的外部资源,如应用程序或交互内容。 |
<video> | 代表一段视频及其视频文件和字幕,并提供了播放视频的用户界面。 |
<audio> | 代表一段声音,或音频流 。 |
<source> | 为<video>或<audio>这类媒体元素指定媒体源 。 |
<track> | 为<video>或<audio>这类媒体元素指定文本轨道(字幕) 。 |
<canvas> | 代表位图区域,可以通过脚本在它上面实时呈现图形,如图表、游戏绘图等。 |
<svg> | 定义一个嵌入式矢量图 。 |
<math> | 定义一段数学公式 。 |
表单
| Element | Description |
|---|---|
<datalist> | 代表提供给其他控件的一组预定义选项 。 |
<keygen> | 代表一个密钥对生成器 控件。 |
<output> | 代表计算值 。 |
<progress> | 代表进度条 。 |
<meter> | 代表滑动条 。 |
交互元素
| Element | Description |
|---|---|
<details> | 代表一个用户可以(点击)获取额外信息或控件的小部件 。 |
<summary> | 代表<details>元素的综述 或标题 。 |
<menuitem> | 代表一个用户可以点击的菜单项。 |
<menu> | 代表菜单。 |
本文介绍了HTML5中新增的各类标签,包括脚本、章节、组织内容、文字形式、嵌入内容、表单、交互元素等,详细解释了每个标签的用途,如<section>定义文档章节,<video>代表视频内容。
262

被折叠的 条评论
为什么被折叠?



