HTML5新元素
自1999年以来,HTML 4.01有了很大的变化。 如今,几个HTML 4.01已被弃用,这些元素已被删除或HTML5重新定义。
为了更好地处理当今的互联网应用,HTML5增加了很多新的元素和功能,如:图形渲染,多媒体内容,更好的网页结构,更好的形式处理,和几个API拖放元素,定位,包括Web应用程序缓存,存储,网络工作者,等等。
在HTML5中的新元素
下面是新的HTML5元素的列表,以及它们的用途的描述。
新的语义/结构元素
HTML5提供了更好的文档结构的新元素:
标签 | 描述 |
---|---|
<article> | 定义文档中的文章 |
<aside> | 从页面内容定义内容一边 |
<bdi> | 定义文本的一部分可能会从其他文字不同的方向进行格式化 |
<details> | 定义的其他详细信息,用户可以查看或隐藏 |
<dialog> | 定义对话框或窗口 |
<figcaption> | 定义了一个标题为<figure>元件 |
<figure> | 定义自包含的内容,比如插图,图表,图片,代码清单等。 |
<footer> | 定义页脚的文档或节 |
<header> | 定义了一个标头的文档或部 |
<main> | 定义文档的主要内容 |
<mark> | 定义标记或突出显示的文本 |
<menuitem> | 定义用户可以从弹出菜单中调用命令/菜单项 |
<meter> | 定义了一个已知的范围内的标量测量(a gauge) |
<nav> | 定义文档中的导航链接 |
<progress> | 定义任务的进度 |
<rp> | 定义如何在浏览器中显示,不支持ruby注解 |
<rt> | 定义字符的解释/的发音(东亚版式) |
<ruby> | 定义ruby注释(for East Asian typography) |
<section> | 定义部分文档中 |
<summary> | 定义了一个可见的标题为<details>元件 |
<time> | 定义日期/时间 |
<wbr> | 定义一个可能的断行 |
了解更多关于HTML5语义 。
新的表单元素
标签 | 描述 |
---|---|
<datalist> | 定义了用于输入控制预先定义的选项 |
<keygen> | 定义了一个密钥对发电机磁场(for forms) |
<output> | 定义计算的结果 |
阅读所有关于新老表单元素HTML表单元素 。
新的输入类型
新的输入类型 | 新输入属性 |
---|---|
|
|
要详细了解新老输入类型的HTML输入类型 。
了解所有关于中输入属性HTML输入属性 。
HTML5 - 新的属性语法
HTML5允许属性四种不同的语法。
该实施例表明在使用的不同语法<input>标签:
类型 | 例 |
---|---|
空 | <input type="text" value="John" disabled > |
非上市 | <input type="text" value=John > |
双引号 | <input type="text" value="John Doe" > |
单引号 | <input type="text" value='John Doe' > |
在HTML5中,可以使用所有四个语法,这取决于什么是需要的属性。
HTML5图形
标签 | 描述 |
---|---|
<canvas> | 定义使用JavaScript图形绘制 |
<svg> | 定义使用SVG图形绘制 |
了解更多关于HTML5的画布 。
了解更多关于HTML5 SVG 。
新媒体元素
标签 | 描述 |
---|---|
<audio> | 定义声音或音乐内容 |
<embed> | 定义容器外部应用程序(like plug-ins) |
<source> | 定义源<video>和<audio> |
<track> | 定义轨道为<video>和<audio> |
<video> | 定义视频或电影内容 |
了解更多关于HTML5视频 。
了解更多关于HTML5音频 。