HTML 5 中哪些元素是可以省略的
2018-06-04 本文已影响0人
ZombieBrandg
学习过程中的总结
HTML是什么？
- HTML 全称 : HyperText Markup Language，中文名 : 超级文本标记语言，可以创建网页的标准语言。
- 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 里面有的元素是可以省略不写的
- 可以省略全部标记的元素有 :
html,head,body,colgroup,tbody - 不允许写结束标签的元素有 :
area,base,br,col,command,embed,hr,img,input,keygen,link,meta,paran,source,track,wbr。
这些标签都是单标签。 - 可以省略结束标记的元素有 :
li,dt,dd,p,rt,rp,optgroup,option,colgroup,thead,tbody,tfoot,tr,td,th。
对于刚入门学习的人来说还是不要省略，避免出现BUG或者添加代码时造成困难。
