HTML或HTML5的代码书写应遵循什么规范?

俗话说,“无规矩不成方圆”,代码书写应该遵循一定的规范,这也就是为什么一些标准组织要制定标准,当大家都遵循标准的时候,才不会发生混乱。例如:浏览器兼容性就是一个很好的例子,我们写的程序,在IE上有很好的表现,可放到谷歌或者火狐浏览器上时,就会出现页面错排等一系列问题,有些标签在谷歌浏览器上能够解析,在IE上又解析不了,出不来应有的效果,这就是这些浏览器没有遵循相同的规范导致。那么在html(5)的书写上应遵循什么规范呢?

HTML应遵循的规范

1.文档类型doctype

<!DOCTYPEhtml>文档类型的声明位于文档第一行,有时候写页面会直接省略文档类型,导致在某些浏览器上浏览的时候加载不上样式,所以为了规范一些,开头应该加上文档类型。

html5元素不区分大小写,但是为了界面美观统一,推荐统一使用小写。

2.关闭标签

html中的绝大多数标签都是成对出现的,如果某些标签未关闭,会出现文档错排等问题。即使某些标签可以使用单标签,也最好统一成关闭的标签,如p。还有像meta,最好写成如下的形式:<metacharset="utf-8"/>。

3.属性值统一加引号

虽然HTML5中有些属性可以不加引号,但为了规范性,为每个属性都加上引号。

4.避免一行代码太长

页面的大小是有限的,如果代码过长,就会加入滚动条,导致代码的可读性降低。

5.img标签加入alt

图片属性加入alt后,当图片不能显示时,alt的内容可以填补图片的空白,而且alt对于SEO优化也是有好处的。

6.空行和缩进

在学习Java的时候,老师就教我们要给代码加入注释、空行和缩进,以提供代码的可读性。

http://www.wu0553.com/news/37247.html
http://www.wu0553.com/news/37250.html
http://www.wu0553.com/news/37251.html
http://www.wu0553.com/news/37253.html
http://www.wu0553.com/news/37254.html
http://www.wu0553.com/news/37256.html
http://www.wu0553.com/news/37257.html
http://www.wu0553.com/news/37259.html
http://www.wu0553.com/news/37260.html
http://www.wu0553.com/news/37261.html
http://www.wu0553.com/news/37263.html
http://www.wu0553.com/news/37267.html
http://www.wu0553.com/news/37268.html
http://www.wu0553.com/news/37322.html
http://www.wu0553.com/news/37366.html
http://www.wu0553.com/news/37370.html
http://www.wu0553.com/news/37377.html
http://www.wu0553.com/news/37395.html
http://www.wu0553.com/news/37396.html
http://www.wu0553.com/news/37397.html
http://www.wu0553.com/news/37402.html
http://www.wu0553.com/news/37403.html
http://www.wu0553.com/news/37404.html
http://www.wu0553.com/news/37405.html
http://www.wu0553.com/news/37406.html
http://www.wu0553.com/news/37407.html
http://www.wu0553.com/news/37430.html
http://www.wu0553.com/news/37431.html
http://www.wu0553.com/news/37432.html
http://www.wu0553.com/news/37433.html
http://www.wu0553.com/news/37436.html
http://www.wu0553.com/news/37441.html
http://www.wu0553.com/news/37448.html
http://www.wu0553.com/news/37454.html
http://www.wu0553.com/news/37455.html
http://www.wu0553.com/news/37465.html
http://www.wu0553.com/news/37466.html
http://www.wu0553.com/news/37467.html
http://www.wu0553.com/news/37468.html
http://www.wu0553.com/news/37469.html
http://www.wu0553.com/news/37470.html
http://www.wu0553.com/news/37471.html
http://www.wu0553.com/news/37473.html
http://www.wu0553.com/news/37474.html
http://www.wu0553.com/news/37475.html
http://www.wu0553.com/news/37476.html
http://www.wu0553.com/news/37477.html
http://www.wu0553.com/news/37478.html
http://www.wu0553.com/news/37480.html
http://www.wu0553.com/news/37481.html
http://www.wu0553.com/news/37482.html
http://www.wu0553.com/news/37483.html
结语

为了代码的可读性,有些原则上可以省略的代码,最好还是要有,加上并不会造成代码的冗余,反而显得更规范。

猜你喜欢

转载自www.cnblogs.com/cc888/p/11672686.html