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

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

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

（3）标记可以相互嵌套（也称为包含），但不能交叉。如：

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

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

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

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

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

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

标签有开有关，成对出现。例如<div></div>，表示的是一个div标签，<div>表示div标签的开，而</div>则表示一个标签的关。

在HTML5当中，也存在单标签，即有开无关的标签，但是大家使用到单标签的种类并不多，主要包括<meta><link><img><input><hr>等。

代码部分的中英文选择方面，需要使用英文，并且均为小写。

标签和标签时存在一定的关系的，有些标签是父子关系（此处就是我们说的嵌套），有些是兄弟关系。在HTML当中为了表示层级关系，每个级别的标签都要比上一个级别的标签缩进一个tab的距离（一个tab ——> 按下一下tab键），注：每个tab键是4个空格宽度。

在书写代码时，还需要注意行号，由于编辑器的宽度原因，有些代码会被挤下去，但是根据行号显示，还是同一行。

简单来说：

1 成对出现，有开有关

2 代码英文小写

3 合理嵌套

这算是最基本的了，至于说嵌套原则还有很多

欢迎分享，转载请注明来源：内存溢出

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