HTML5中的新元素
下面是新的HTML5元素的列表，以及它们的用途的描述。
新的语义/结构元素
| 标签 | 描述 |
|---|---|
| <article> | 定义文章。 |
| <aside> | 定义页面内容之外的内容。 |
| <bdi> | 定义文本的文本方向，使其脱离其周围文本的方向设置。 |
| <details> | 定义元素的细节。 |
| <dialog> | 定义对话框或窗口。 |
| <figcaption> | 定义 figure 元素的标题。 |
| <figure> | 定义媒介内容的分组，以及它们的标题。 |
| <footer> | 定义 section 或 page 的页脚。 |
| <header> | 定义 section 或 page 的页眉。 |
| <main> | 定义文档的主要内容 |
| <mark> | 定义有记号的文本。 |
| <menuitem> | 定义用户可以从弹出菜单调用的命令/菜单项目。 |
| <meter> | 定义预定义范围内的度量。 |
| <nav> | 定义导航链接。 |
| <progress> | 定义任何类型的任务的进度。 |
| <rp> | 定义若浏览器不支持 ruby 元素显示的内容。 |
| <rt> | 定义 ruby 注释的解释。 |
| <ruby> | 定义 ruby 注释。 |
| <section> | 定义 section。 |
| <summary> | 为 <details> 元素定义可见的标题。 |
| <time> | 定义日期/时间。 |
| <wbr> | 定义可能换行。 |
了解更多关于HTML5语义。
新的表单元素
| 标签 | 描述 |
|---|---|
| <datalist> | 定义下拉列表。 |
| <keygen> | 定义生成密钥。 |
| <output> | 定义输出的一些类型。 |
阅读所有关于新老表单元素HTML表单元素。
新的输入类型
| 新的输入类型 | 新输入属性 |
|---|---|
| <ul><li>color</li><li>date</li><li>datetime</li><li>datetime-local</li><li>email</li><li>month</li><li>number</li><li>range</li><li>search</li><li>tel</li><li>time</li><li>url</li><li>week</li></ul> | <ul><li>autocomplete</li><li>autofocus</li><li>form</li><li>formaction</li><li>formenctype</li><li>formmethod</li><li>formvalidate</li><li>formtarget</li><li>height and width</li><li>list</li><li>min and max</li><li>multiple</li><li>pattern(regexp)</li><li>placeholder</li><li>required</li><li>step</li></ul> |
详细了解新旧输入类型 的HTML输入类型。
了解所有关于HTML输入属性。
HTML5-新的属性语法
HTML5允许四种不同的语法属性:
这个例子演示了在<input>标签的不同语法形式：
| 标签 | 描述 |
|---|---|
| Empty(空) | <input type="text" value="John" disabled> |
| Unquoted(没有引号) | <input type="text" value=John> |
| Double-quoted(双引号) | <input type="text" value="John Doe"> |
| Singlequoted(单引号) | <input type="text" value='John Doe'> |
在HTML5中，四个语法都可以使用，这取决于属性的需求是什么。
HTML5图形
| 标签 | 描述 |
|---|---|
| <canvas> | 定义使用JavaScript图形绘制图形。 |
| <svg> | 定义使用矢量图绘制图形。 |
阅读更多关于HTML5 canvas。
阅读更多关于HTML5 SVG。
新媒体元素
| 标签 | 描述 |
|---|---|
| <audio> | 定义声音内容。 |
| <embed> | 定义外部交互内容或插件。 |
| <source> | 定义媒介源。 |
| <track> | 定义用在媒体播放器中的文本轨道。 |
| <video> | 定义视频。 |
阅读更多关于HTML5 <video>。
阅读更多关于HTML5 <audio>。
网友评论