HTML5语法
版本兼容性
可以省略标记的元素
不允许写结束标记的元素有:area,base,br,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr。
可以省略结束标记的元素有:li,dt,dd,p,rt,rp,optgroup,option,colgroup,thead,tbody,tfoot,tr,td,th。
可以省略全部标记的元素有:html,head,body,colgroup,tbody。
具有布尔值的属性
对于具有boolean值的属性,如disabled与readonly等,当只写属性而不指定属性值时,表示属性值为true;如果想要奖属性值设为false,可以不使用该属性。另外,要想奖属性值设定为true,也可以将属性名设定为属性值,或将空字符串设定为属性值。例如:
省略引号
属性值两边既可以用双引号,也可以用单引号。HTML5在此基础上做了一些改进,当属性值不包括空字符串,,=,单引号,双引号邓自负是,属性值两边的引号可以省略。例如:
HTML5元素
新增的结构元素
元素名称
说明
header
标记头部区域的内容(用于整个页面或页面中的一块区域)
footer
标记脚部区域的内容(用于整个页面或页面中的一块区域)
setion
Web页面中的一块区域
article
独立的文章内容
aside
相关内容或者引文
nav
导航类辅助内容
新增功能元素
hgroup元素:
用于对整个页面或页面中一个内容区块的标题进行组合。例如:
...
在HTML4中表示为:
figure元素:
表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。使用figcaption元素可为figure元素组添加标题,例如:
内容...
在HTML4中表示为:
标题
内容....
video元素:
定义视频,比如电影片段或其他视频流。例如:
video元素
在HTML4中表示为:
audio元素:
定义音频,比如音乐或其他音频流。例如:
audio元素
在HTML4中表示为:
embed元素:
用来插入各种多媒体,格式可以是MIDI,WAV,AIFF,AU,MP3等。例如:
在HTML4中表示为:
在HTML4中表示为:
output元素:
表示不同类型的输出,比如脚本的输出。例如:
在HTML4中表示为:
source元素:
为媒介元素(比如和)定义媒介资源。例如:
在HTML4中表示为:
menu元素:
表示彩蛋列表。当希望列出表单控件时使用该标签。例如:
- Red
- blue
在HTML4中,menu元素不被推荐使用。
ruby元素:
表示ruby注释(中文注音或字符)。例如:
汉(han')
rt元素:
表示字符(中文注音活字符)的解释或发音。例如:
汉 han'
rp元素:
在ruby注释中使用,以定义不支持ruby元素的浏览器所显示的内容。例如:
汉(han')
wbr元素:
表示软换行。wbr元素与br元素的区别是br元素表示此处必须换行;而wbr元素的意思是浏览器窗口活父级元素的宽度足够宽时(没必要换行时)不进行换行,而当宽度不够时,主动在此处进行换行。
command元素:
表示命令按钮,如单选按钮,复选框或按钮。例如:
details元素:
表示用户要求得到并且可以得到的细节信息,可以与summary元素配合使用。summary元素提供标题或图例。标题是可见的,用户单机标题时,会显示出细节信息。summary元素应该会死details元素的第一个子元素。例如:
HTML5
For the latest updates form the HTML WG.
datalist元素:
datalist元素表示可选数据的列表,与input元素配合使用,可以制作出输入值的下拉列表。例如:
datagird元素:
表示可选数据的列表,它以树形列表的形式来显示。例如:
keygen元素:
表示生成密钥。例如:
progress元素:
表示运行中的进程,可以使用progress元素来显示JavaScript中耗费时间的函数的进程。例如:
email:表示必须输入E-mail地址的文本输入框。
url:表示必须输入URL地址的文本输入框。
number:表示必须输入数值的文本输入框。
range:表示必须输入一定范围内数字值的文本输入框。
Date Pickers:
HTML5拥有多个可供选取日期和时间爱你的新型输入文本框: