刚学HTML时以为自己是天选之子,结果被浏览器按在地上摩擦——
html
<!-- 第一次写代码的我belike: -->
<body>
<h1>欢迎来到我的网站</h1>
<img src="好看的图片.jpg">
<p>这是我的第一个网页,是不是很厉害!</p>
</body>
保存后打开发现:
✅ 图片失踪了(忘了写alt属性,还把图片放错文件夹)
✅ 标题标签没闭合,浏览器直接把正文吞了一半
✅ 用记事本保存成.txt,改后缀名后还是乱码(后来才知道要选UTF-8编码!)
HTML迷惑行为大赏:
- 把<和>写成<和>,被浏览器当成标签解析,页面直接崩掉
- 用 填了100个空格想排版,结果加载慢到邻居以为我在挖矿
- 某同事写表单时把input type="submit"写成"subimit",按钮点了没反应,debug两小时发现拼错了字母i🤣
救命技巧分享:
1.用VSCode写HTML时,输入!+回车能一键生成基础结构,再也不用手动敲<html>
2.图片加载慢?在<img>里加loading="lazy",懒加载救大命
3.怕标签没闭合?按Ctrl+Shift+P搜HTML: Format Document,编辑器自动帮你补全
html
<!-- 第一次写代码的我belike: -->
<body>
<h1>欢迎来到我的网站</h1>
<img src="好看的图片.jpg">
<p>这是我的第一个网页,是不是很厉害!</p>
</body>
保存后打开发现:
✅ 图片失踪了(忘了写alt属性,还把图片放错文件夹)
✅ 标题标签没闭合,浏览器直接把正文吞了一半
✅ 用记事本保存成.txt,改后缀名后还是乱码(后来才知道要选UTF-8编码!)
HTML迷惑行为大赏:
- 把<和>写成<和>,被浏览器当成标签解析,页面直接崩掉
- 用 填了100个空格想排版,结果加载慢到邻居以为我在挖矿
- 某同事写表单时把input type="submit"写成"subimit",按钮点了没反应,debug两小时发现拼错了字母i🤣
救命技巧分享:
1.用VSCode写HTML时,输入!+回车能一键生成基础结构,再也不用手动敲<html>
2.图片加载慢?在<img>里加loading="lazy",懒加载救大命
3.怕标签没闭合?按Ctrl+Shift+P搜HTML: Format Document,编辑器自动帮你补全