HTML5相对于Html4以及事先的版本新增加的元素及属性汇总
日期：2014-05-17 浏览次数：20898 次
HTML5相对于Html4以及之前的版本新增加的元素及属性汇总
1. <a>标签：
(1)media属性 规定目标URL的媒介类型，默认值：all
(2)ping属性 由空格分隔的URL列表，当用户点击该超链接时，这些URL会获得通知
2. <area>标签
(1)ping属性：由空格分隔的URL列表，当用户点击时，这些URL获得通知
(2)type属性：规定目标URL的MIME类型
3. <article>HTML5新特性，属性有class,draggable,id,ref
4. <aside>HTML5新特性，属性有class,id,draggable,id,ref,title
5. <audio>HTML5新特性，例如<audio src="test.wav">,属性有autoplay:true or false
controls:true 显示控件 end:numeric value定义何处停止播放。 loopend:循环播放停止的位置
loopstart:循环播放的起始位置，playconunt:播放的次数 src:音频的Url start:播放开始的位置
6. <button> 属性：autofocus:true表示界面加载时获得焦点
7. <canvas> HTML5的新特性。 属性：height,width,class,ref,draggable,title
8. <command> HTML5新特性，定义命令按钮，如单选、复选或按钮。
属性:checked:true or false; default:true or false; disabled:true or false
hidden:true or false; icon:url,lable:command name; radiogroup:单选组的名称，定义该属性，需要将类型设为radio
type:checkbox,command,radio
9. <datagrid>HTML5新特性，属性：disableed; multiple true:则可以再datagrid中选择一个以上的项目
10. <datalist>HTML5新特性，属性：data 供自动插入数据
11. <datatemplate>定义数据模板的一个容器，该元素必须有定义模板的子元素<rule>
12. <detail>HTML5新特性，定义元素细节，用户可以查看，或通过点击进行隐藏
属性：open true:可见，默认为false
13. <dialog>定义标签的对话，HTML5新特性，对话中每个句子必须属于<dt>标签所定义的部分
如：<dialog>
<dt>老师</dt>
<dd>2+2 等于？</dd>
<dt>学生</dt>
<dd>4</dd>
<dt>老师</dt>
<dd>答对了！</dd>
</dialog>
<!DOCTYPE>在html4中有3个不同文档类型，在HTML5中只有一个:<!DOCTYPE HTML>
14. <embed> HTML5新特性，定义嵌入的内容，如插件。属性：height:嵌入的高度、
src：嵌入的Url、type：嵌入的内容类型 width：嵌入的内容高度
15. <event-source>定义由服务器发送的事件来源，属性Src 其内容为"application/x-dom-event-stream"的源的Url
16. <fieldset>元素可将表单内的相关元素分组，属性disabled true:定义fieldset是否可见 form:TRUE定义该fieldset所属的一个或多个表单
17. <figure>用于对元素进行组合
18. <footer> HTML5新特性，定义section或document的页脚，典型地包括创作者姓名，时间等
18. <form>新属性：data:提供自动插入数据；replace:定义表单提交时所作的事情
19. <header>定义section或document的页眉
20. <html>新属性：manifest 为脱机使用缓存信息
21. <input>新增属性：autocomplete,inputmode:定义预期的输入类型，list:引用datalist元素，如果定义则下拉列表可用于输入字段传入值
max:输入字段最大值，min:最小值，replace:定义当表单提交时如何处理该字段，required：是否必须输入
22. <m>定义带有记号的文本，在需要突出显示文本时使用<m>
23. <meter>定义度量单位，仅用于已知最大和最小的度量
24. <nav>定义导航链接的部分
25. <nest>标签在数据模板中为子元素定义嵌套点，与<datatemplate>和<rule>元素一同使用
26. <output>定义不同类型的输出，如脚本的输出
27. <rule>定义更新数据模板的规则，与<datatemplate>和<nest>元素一起使用
属性:condition 定义将更新哪个元素，mode:数据模板拥有的模式
28. <section>定义文档中的节，如章节，页眉页脚
29. <select> 新属性：autofocus:true在页面加载时这个select字段获得焦点
data:供自动插入数据
30. <source>标签为媒介元素如<video>和<audio>定义媒介资源
属性：media:定义媒介资源类型，供浏览器是否下载，src:媒介的Url type:定义开始播放的位置
31. <time>定义时间或日期，或者两者 属性:datetime定义元素的日期和时间
32. <video>定义视频，如电影片段等，属性类似音频
1. <a>标签：
(1)media属性 规定目标URL的媒介类型，默认值：all
(2)ping属性 由空格分隔的URL列表，当用户点击该超链接时，这些URL会获得通知
2. <area>标签
(1)ping属性：由空格分隔的URL列表，当用户点击时，这些URL获得通知
(2)type属性：规定目标URL的MIME类型
3. <article>HTML5新特性，属性有class,draggable,id,ref
4. <aside>HTML5新特性，属性有class,id,draggable,id,ref,title
5. <audio>HTML5新特性，例如<audio src="test.wav">,属性有autoplay:true or false
controls:true 显示控件 end:numeric value定义何处停止播放。 loopend:循环播放停止的位置
loopstart:循环播放的起始位置，playconunt:播放的次数 src:音频的Url start:播放开始的位置
6. <button> 属性：autofocus:true表示界面加载时获得焦点
7. <canvas> HTML5的新特性。 属性：height,width,class,ref,draggable,title
8. <command> HTML5新特性，定义命令按钮，如单选、复选或按钮。
属性:checked:true or false; default:true or false; disabled:true or false
hidden:true or false; icon:url,lable:command name; radiogroup:单选组的名称，定义该属性，需要将类型设为radio
type:checkbox,command,radio
9. <datagrid>HTML5新特性，属性：disableed; multiple true:则可以再datagrid中选择一个以上的项目
10. <datalist>HTML5新特性，属性：data 供自动插入数据
11. <datatemplate>定义数据模板的一个容器，该元素必须有定义模板的子元素<rule>
12. <detail>HTML5新特性，定义元素细节，用户可以查看，或通过点击进行隐藏
属性：open true:可见，默认为false
13. <dialog>定义标签的对话，HTML5新特性，对话中每个句子必须属于<dt>标签所定义的部分
如：<dialog>
<dt>老师</dt>
<dd>2+2 等于？</dd>
<dt>学生</dt>
<dd>4</dd>
<dt>老师</dt>
<dd>答对了！</dd>
</dialog>
<!DOCTYPE>在html4中有3个不同文档类型，在HTML5中只有一个:<!DOCTYPE HTML>
14. <embed> HTML5新特性，定义嵌入的内容，如插件。属性：height:嵌入的高度、
src：嵌入的Url、type：嵌入的内容类型 width：嵌入的内容高度
15. <event-source>定义由服务器发送的事件来源，属性Src 其内容为"application/x-dom-event-stream"的源的Url
16. <fieldset>元素可将表单内的相关元素分组，属性disabled true:定义fieldset是否可见 form:TRUE定义该fieldset所属的一个或多个表单
17. <figure>用于对元素进行组合
18. <footer> HTML5新特性，定义section或document的页脚，典型地包括创作者姓名，时间等
18. <form>新属性：data:提供自动插入数据；replace:定义表单提交时所作的事情
19. <header>定义section或document的页眉
20. <html>新属性：manifest 为脱机使用缓存信息
21. <input>新增属性：autocomplete,inputmode:定义预期的输入类型，list:引用datalist元素，如果定义则下拉列表可用于输入字段传入值
max:输入字段最大值，min:最小值，replace:定义当表单提交时如何处理该字段，required：是否必须输入
22. <m>定义带有记号的文本，在需要突出显示文本时使用<m>
23. <meter>定义度量单位，仅用于已知最大和最小的度量
24. <nav>定义导航链接的部分
25. <nest>标签在数据模板中为子元素定义嵌套点，与<datatemplate>和<rule>元素一同使用
26. <output>定义不同类型的输出，如脚本的输出
27. <rule>定义更新数据模板的规则，与<datatemplate>和<nest>元素一起使用
属性:condition 定义将更新哪个元素，mode:数据模板拥有的模式
28. <section>定义文档中的节，如章节，页眉页脚
29. <select> 新属性：autofocus:true在页面加载时这个select字段获得焦点
data:供自动插入数据
30. <source>标签为媒介元素如<video>和<audio>定义媒介资源
属性：media:定义媒介资源类型，供浏览器是否下载，src:媒介的Url type:定义开始播放的位置
31. <time>定义时间或日期，或者两者 属性:datetime定义元素的日期和时间
32. <video>定义视频，如电影片段等，属性类似音频
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
