HTML5介绍—2 HTML5 新元素
2.1 新的语义/结构元素
HTML5 提供的新元素可以构建更好的文档结构:
标签 |
描述 |
<article> |
定义文档内的文章。 |
<aside> |
定义页面内容之外的内容。 |
<bdi> |
定义与其他文本不同的文本方向。 |
<details> |
定义用户可查看或隐藏的额外细节。 |
<dialog> |
定义对话框或窗口。 |
<figcaption> |
定义 <figure> 元素的标题。 |
<figure> |
定义自包含内容,比如图示、图表、照片、代码清单等等。 |
<footer> |
定义文档或节的页脚。 |
<header> |
定义文档或节的页眉。 |
<main> |
定义文档的主内容。 |
<mark> |
定义重要或强调的内容。 |
<menuitem> |
定义用户能够从弹出菜单调用的命令/菜单项目。 |
<meter> |
定义已知范围(尺度)内的标量测量。 |
<nav> |
定义文档内的导航链接。 |
<progress> |
定义任务进度。 |
<rp> |
定义在不支持 ruby 注释的浏览器中显示什么。 |
<rt> |
定义关于字符的解释/发音(用于东亚字体)。 |
<ruby> |
定义 ruby 注释(用于东亚字体)。 |
<section> |
定义文档中的节。 |
<summary> |
定义 <details> 元素的可见标题。 |
<time> |
定义日期/时间。 |
<wbr> |
定义可能的折行(line-break)。 |
2.2 新的表单元素
标签 |
描述 |
<datalist> |
定义输入控件的预定义选项。 |
<keygen> |
定义键对生成器字段(用于表单)。 |
<output> |
定义计算结果。 |
2.3 新的输入类型
新的输入类型 |
新的输入属性 |
colordatedatetimedatetime-localmonthnumberrangesearchteltimeurlweek |
autocompleteautofocusformformactionformenctypeformmethodformnovalidateformtargetheight 和 widthlistmin 和 maxmultiplepattern (regexp)placeholderrequiredstep |
2.4 新的属性语法
HTML5 允许四种不同的属性语法。
标签 |
描述 |
Empty |
<input type="text" value="John Doe" disabled> |
Unquoted |
<input type="text" value=John>无引号 |
Double-quoted |
<input type="text" value="John Doe">双引号 |
Single-quoted |
<input type="text" value='John Doe'>单引号 |
2.5 HTML5 图像
标签 |
描述 |
<canvas> |
定义使用 JavaScript 的图像绘制。 |
<svg> |
定义使用 SVG 的图像绘制。 |
2.6 新的媒介元素
标签 |
描述 |
<audio> |
定义声音或音乐内容。 |
<embed> |
定义外部应用程序的容器(比如插件)。 |
<source> |
定义 <video> 和 <audio> 的来源。 |
<track> |
定义 <video> 和 <audio> 的轨道。 |
<video> |
定义视频或影片内容。 |