HTML5中可省元素标签

2017-04-29  本文已影响25人  pz明

作者:彭志明

日期:2017年4月29日

    HTML5中部分标签在特定条件下可以省略,而不影响文档的正确性与规范性,此文章对这些标签进行了小结。

一,The root element

 1,html标签,html开始标签,当html内部的第一条内容不是注释时可以省略;html结束标签,当html尾部不是紧跟注释时可以省略。

二,Document metadata

1,head标签,head开始标签,当head标签中内容为空或内部第一个内容是一个子标签时可以省略;head结束标签,当head尾部不紧跟空白字符或评论时可以省略。

2,base标签,开始标签不可省,无结束标签。

3,link标签,开始标签不可省略,无结束标签。

4,meta标签,开始标签不可省略,无结束标签。

三,Section

1,body标签,开始标签,当body标签中内容为空或内部第一个内容不是空白字符、注释时可以省略,但是内部第一个内容是meta、script、link、style、template时例外(即此时不能省略);结束标签,不紧跟注释时可省。

四、Grouping content

1,p标签,结束标签,当紧跟address,article,aside,blockquote,div,dl,fieldset,footer,form,h1,h2,h3,h4,h5,h6header,hgroup,hr,main,nav,ol,p,pre,section,table,ul等元素或父元素已无其他内容且父元素非a元素时可以省略。

2,hr标签,无结束标签。

3,li标签,结束标签,当后面紧跟另一li标签或父元素已无其他内容时可省。

4,dt标签,结束标签,当后面紧跟另一dt或dd标签时可省。

5,dl标签,结束标签,当后面紧跟另一dt或dd标签或父元素已无其他内容时可省。

五,Text-level semantics

1,rb标签,结束标签,当后面紧跟另一rb,rt,rtc,rp或父标签中已无其他内容时可省。

2,rt标签,结束标签,当后面紧跟另一rb,rt,rtc,rp或父标签中已无其他内容时可省。

3,rtc标签,结束标签,当后面紧跟另一rb,rt,rtc,rp或父标签中已无其他内容时可省。

4,rp标签,结束标签,当后面紧跟另一rb,rt,rtc,rp或父标签中已无其他内容时可省。

5,br标签,无结束标签。

6,wbr标签,无结束标签。

六,Edits

七,Embedding content

1,img标签,无结束标签。

2,embed标签,无结束标签。

3,param标签,无结束标签。

4,source标签,无结束标签。

5,track标签,无结束标签。

6,area标签,无结束标签。

八,Links

九,Tabular data

1,colgroup标签,结束标签,标签尾部不紧跟空白字符或注释时可省。

2,col标签,无结束标签。

3,tbody标签,开始标签,内部紧跟tr标签且上一个标签不是省略了尾标签的thead,tbody或tfoot标签;结束标签,当标签尾部紧跟tbody,tfoot或父元素中已无其他内容时可省。

3,thead标签,结束标签,标签尾部紧跟tbody或tfoot时可省。

4,tfoot标签,结束标签,标签尾部紧跟thead或tbody或父元素中已无其他内容时可省。

5,tr标签,结束标签,标签尾部紧跟另一tr标签或父元素中已无其他内容时可省。

6,td标签,结束标签,标签尾部紧跟另一td或th标签或父元素中已无其他内容时可省。

7,th标签,结束标签,标签尾部紧跟另一td或th标签或父元素中已无其他内容时可省。

十,Forms

1,input标签,无结束标签。

2,optgroup标签,结束标签,标签尾部紧跟另一optgroup标签或父元素中已无其他内容时可省。

3,option标签,结束标签,标签尾部紧跟另一option标签或optgroup标签或父元素中已无其他内容时可省。

4,keygen标签,无结束标签。

十一,Scripting

十二,参考资料

1,https://www.w3.org/TR/html5/

上一篇下一篇

猜你喜欢

热点阅读