HTML写代码基础规范：避免排版错乱，新手必看

新手写HTML，经常碰到标签不闭合、嵌套错误，导致页面排版乱掉，今天说一下HTML写代码的基础规范，避免排版错乱。

标签要闭合

每个开始标签，要有对应的结束标签，比如

，别只写开始不写结束，浏览器解析的时候会自动补，但是补的位置不对，排版就乱了。像img、br这种自闭合标签，直接写就行。

嵌套不要交叉

标签嵌套要一层套一层，不能交叉，比如

文字

，就是交叉了，正确写法是

文字

，交叉嵌套会导致浏览器解析错乱。

用缩进对齐

写代码的时候，嵌套的标签缩进一层，看代码的时候一目了然，哪个标签在哪个层级，出了问题好找。别把所有代码挤成一行，后期改的时候自己都看不懂。

别忘加DOCTYPE

HTML文件第一行要加，告诉浏览器用标准模式渲染，不然浏览器会用怪异模式，CSS样式表现和你想的不一样，很多样式不生效就是因为没加DOCTYPE。

这几个基础规范做到，写出来的HTML基本不会出现莫名其妙的排版错乱。