美文网首页
HTML5中可省元素标签

HTML5中可省元素标签

作者: pz明 | 来源:发表于2017-04-29 00:10 被阅读25次

    作者:彭志明

    日期: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/

    相关文章

      网友评论

          本文标题:HTML5中可省元素标签

          本文链接:https://www.haomeiwen.com/subject/qjmjzttx.html