规范大型网站的HTML代码 |
|
|
规范大型网站的HTML代码
写Web页面就像我们建设房子一样,地基牢固,房子才不会倒。同样的,我们制作Web页面也是一样的,一个良好的HTML结构是制作一个网站的开始,良好的CSS只存在同样良好的HTML中,所以一个干净的,语义的HTML的优点很多,那么平时制作中,我们又该如何规范大型网站的HTML代码呢?
如何规范大型网站的HTML代码-马海祥博客
1、DOCTYPE的声明
如果我们想做好一件事情,首先要知道我们有哪些权利去做,就如网页中“DOCTYPE”的声明,我们没有必要去讨论是否使用HTML4.01或者XHTML1.0或者说现在的HTML5都提供了严格版本或者过渡版本,这些都能很好的支持我们写的代码:
如何规范大型网站的HTML代码-马海祥博客
由于我们现在的布局不需要table布局也能做出很好的布局,那么我们就可以考虑不使用过渡型而使用严格型的“DOCTYPE”,为了向后兼容,对此,马海祥建议使用HTML5的声明模式:
2、字符集和编码字符
在每个页面的开始中,我们都在中设置了字符集,我们这里都是使用“UTF-8”。
而且我们在平时写页面中时,时常会碰到"&"这样的符号,马海祥认为我们不应该直接在页面这样写“&”,如下图所示:
如何规范大型网站的HTML代码-马海祥博客
我们应该在代码中使用字符编码来实现,比如说“&”我们在代码中应该使用“&”来代替它。
3、正确的代码缩进
在页面编辑中,代码的缩进有没有正确,他不会影响你网站的任何功能,但要是你没有一个规范的缩进原则,让读你代码的人是非常的生气,所以说正确的代码缩进可以增强你的代码可读性。
标准程序的缩进应该是一个制表符(或几个空格),我们来一起来看下面展示的这张图,你看后就知道以后自己的代码要怎么样书写了:
如何规范大型网站的HTML代码-马海祥博客
不用说,大家都喜欢下面的那种代码吧。这只是一个人的习惯问题,不过马海祥建议从开始就要做好,利人利已。
4、CSS样式和Javascript脚本
页面中写入CSS样式有很多种方法,有些直接将样式放入页面的“”中,这将是一个很不好的习惯,因为这样不仅会搞乱我们的标记,而且这些样式只适合这一个HTML页面。
所以,我们需要将CSS单独提出,保存在外部,这样后面的页面也可以链接到这些样式,如果你页面需要修改,我们也只需要修改样式文件就可以。正如下图所示:
如何规范大型网站的HTML代码-马海祥博客
上面我们所说的只是样式,其实www.zycaihui.comjavascript脚本也和CSS样式是同一样的道理。
所以,马海祥建议大家在制作web页面中,尽量将你的CSS样式和javascript脚本单独放在一个文件中,然后通过链接的方式引用这些文件,这样做的最大好处是,方便你的样式和脚本的管理与修改。
5、正确的标签嵌套
我们在写HTML时总是需要标签的层级嵌套来帮我们完成HTML的书写,但这些HTML的嵌套是有一定的规则的,如果要细说的话,我们可能要用几个章节来描述,那么我今天这里要说的是,我们在写HTML时不应该犯以下这样的超级错误:
如何规范大型网站的HTML代码-马海祥博客
上图的结构我们是常见的,比如说首页的标题,那么我们就应该注意了,不能把“ |
|
|
|
|
|
|
|