如何在编写html代码时,正确的书写规范网页结构文档

html-css013

如何在编写html代码时,正确的书写规范网页结构文档,第1张

1)HTML标记是由尖括号包围的关键词。所有标记均以“<”开始,以“>”结束。结束的标记在开始名称前加上斜杠“/”。例如头部标记格式如下所示:<head>……</head>

(2)根据标记类型,正确书写标记,单个标记最好在右尖括号前加1个斜杠“/”,如换行标记是单个标记“<br>”,成对标记最好同时输入开始标记和结束标记,以免忘记。

(3)标记可以相互嵌套(也称为包含),但不能交叉。如:

<head><title>……</title></head> <!--这是正确的书写格式-->

<head><style>……</head></style> <!--这是错误的书写格式-->

(4)在HTML代码书写时不区分大小写,如头部标记写成<HEAD>,<head>,<Head>,<HEAd>都可以,但建议在同一个Web开发项目保持一种风格,如统一小写标记名称。

(5)代码中包含任意多的回车符和空格在HTML页面显示时均不起作用。需要时可使用<br />和 来实现换行和插入空格。为了代码清晰,建议不同的标记都独占一行。

(6)给标记设置属性时,属性值建议用双引号标注起来。如段落内容居中格式如下所示:<p align="center">这是段落信息居中显示</p>

(7)书写开始与结束标记时,在左尖括号与标记名或与斜杠“/”之间不能留有多余空格,否则浏览器不能识别该标记,导致错误标记直接显示在页面上,影响页面美观效果。例如:

< comment>显示一个段落< /comment>

(8)编写HTML代码时,应该使用锯齿结构,即向右缩进2~4个字符,使代码结构清晰,提高代码的可读性,为后期阅读和维护提供帮助。

1、统一编码UTF8

2、每一个模块进行注释,省的改(或者别人改)的时候找不着,也是个良好的习惯。

3、尽量通过外部文件引入css,减小html文档体积,有利于seo。

4、div尽量在三层以内,还是从seo方面考虑。

5、命名规范,比如“nav”“header”“footer”等,不要用一些乱七八糟的命名人家看不懂“sdfgdgf”之类的。

6、meta信息最好写完整、h1、h2标签、url绝对地址等等关于seo的问题要注意。

7、css、js、html分离全部外部文件引入,不要都写在html文件里面例如:css写在元素里面的style 或者js写在body下面这些,以后工作可能不止你一个web前端别人改你的代码很麻烦的,不要造成别人的麻烦,良好的编码习惯以后维护起来也比较方便。

问题比较宽泛,需要不断积累才能完善代码规范问题~