html5新手做的网页总是乱码？老站长掏心窝子告诉你怎么避坑
html5新手做的网页打开全是乱码或者样式错乱？这篇文章直接给你三个能立刻救命的排查步骤，保证你看完就能修好。
我干建站这行七年了，见过太多刚入行的小兄弟，兴致勃勃地用H5写代码，结果一预览，好家伙，字体变方块，布局像被狗啃过一样。别慌，这真不是你笨，是坑太深。今天我不讲那些虚头巴脑的理论，就讲讲我踩过的雷，希望能帮你省下几个通宵熬夜的时间。
第一个大坑，编码格式。很多新手在记事本里写完代码，直接保存，然后双击打开。这时候浏览器默认用GBK或者别的编码去解析UTF-8的代码，乱码是必然的。你必须在代码第一行加上。这点太基础了，但偏偏90%的新手都在这栽跟头。还有，保存文件的时候，一定要选UTF-8无BOM格式，不然有些老旧浏览器还是会抽风。我有个徒弟，为了这个问题调了两天，最后发现是记事本保存时多了一个BOM头，那心情，简直想砸电脑。
第二个坑，路径问题。这是html5新手做的网页最常见的崩溃原因。你图片放哪了？CSS文件放哪了？相对路径和绝对路径搞混是常态。比如你在index.html里引用css/style.css，结果你把style.css放到了根目录，那肯定找不到。一定要用相对路径，或者检查你的文件夹层级。别嫌麻烦，建项目前先规划好文件夹结构，images、css、js分开存，这样后期维护才不头大。我见过有人把图片直接写在代码里用绝对路径，结果换个电脑就全白了，那种绝望谁懂啊。
第三个坑，标签闭合和语义化。H5虽然宽容度高，但乱写标签会导致浏览器解析错误。比如
没闭合，或者
标签里套了
，这在标准里是不允许的。虽然有些浏览器能强行渲染，但在手机上看可能就直接炸了。还有，别再用
