美文网首页
HTML 5 中哪些元素是可以省略的

HTML 5 中哪些元素是可以省略的

作者: ZombieBrandg | 来源:发表于2018-06-04 22:41 被阅读0次

    学习过程中的总结

    HTML是什么?

    1. HTML 全称 : HyperText Markup Language,中文名 : 超级文本标记语言,可以创建网页的标准语言。
    2. HTML可以在网页上实现作者想要展现的内容(文字 图片 视频 游戏)

    示例代码:

    <!DOCTYPE html>                 <!--声明web用哪个HTML版本(HTML5)进行的编写,需在第一行写入-->
    <html lang="zh-hans">           <!--声明web文字内容用的简体中文-->
    <head>                          <!--属于web头部说明标签,说明文档属性-->
         <meta charset="utf-8">     <!--告诉浏览器及服务器用的utf-8字符集-->
    <title>嗯我很帅</title>          <!--会在浏览器的标题栏中显示-->
    </head>
    <body>                          <!-- 页面显示内容区域 -->
         <h1>文字内容</h1>
          <p>我特别帅哈哈</p>
    </body>
    </html> 
    

    在查看HTML5规格文档中发现html5元素详细说明中有这么一条

    Tag omission in text/html:(text/html 中的标记省略)

    现在我用示例代码中 <body> 元素做一个简单的测试如下:

    image
    我们会发现在文档中省略<body></body>元素并没有出现不正确显示的内容,当我用Chrome浏览器检查时发现浏览器将省略的元素自动填补。

    总结

    在 html5 里面有的元素是可以省略不写的

    1. 可以省略全部标记的元素有 :
      html,head,body,colgroup,tbody
    2. 不允许写结束标签的元素有 :
      area,base,br,col,command,embed,hr,img,input,keygen,link,meta,paran,source,track,wbr。
      这些标签都是单标签。
    3. 可以省略结束标记的元素有 :
      li,dt,dd,p,rt,rp,optgroup,option,colgroup,thead,tbody,tfoot,tr,td,th。

    对于刚入门学习的人来说还是不要省略,避免出现BUG或者添加代码时造成困难。

    相关文章

      网友评论

          本文标题:HTML 5 中哪些元素是可以省略的

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