HTML5书写规范
HTML5相对于之前的HTML版本,书写HTML5 的规范更加严格。我们在使用HTML5做网站时,一定要按照这些书写规范进行书写。
HMTL5书写规范
- HTML声明:<!DOVTYPE html></html> 定义基本html5格式网页。
- Content-Type:用户标记文件类型和网页编码。
- 代码缩进,使用Tab键。
- 标签通常是成对出现的,一开一关。
- <head></head> 头部标签,一个基本html格式的必须元素。
- <meta/> 标签定义页面的基本元素。在html中没有结束标签。
- <title></title> 标题,网页不可缺的一部分。
- <link></link> 引入的样式文件
- <script></script> 引入的脚本文件
- HTML img标签也必须闭合
- 标签与它的属性都必须小写。
- 所有的标签必须合理嵌套。
HTML对于嵌套要求较严格,标签存在一定的语义性,需要根据标签自身的属性来进行合理嵌套。
例如:<p>标签(paragraph)是用来定义段落的,就不用它来布局;像以下这样的是不对称的,这样是错误的。
<div><span><em>学做网站论坛</span></em></div>
具体的HTML5嵌套规则:
- 1)body可以直接包含块状元素、ins、del、script。不可以直接包含行内元素。(相关知识:HTML行内元素和块状元素有哪些?以及区别)
- 2)ins和del(行内元素)可以包含块状元素或者行内元素,其他任意行内元素都不允许包含块状元素
- 3)p、h1-h6可以直接包含行内元素和文本信息,但是不允许包含块状元素
- 4)dl元素只允许包含dt和dd,同时dt不能包含块状元素,只允许包含行内元素,对于dd可以包含任意元素
- 5)form元素不能够直接包含input元素。原因在于input元素属于行内元素,form元素仅仅能够包含块状元素
- 6)table元素只能够包含caption、colgroup、col、thead、tbody、tfoot,不能够直接包含tr或者其他任意元素