HTML 代码规范
学习编写整洁、可维护的HTML代码 · 难度:入门 · +10XP
HTML 代码规范
编写整洁的HTML代码让维护和协作更高效。
核心规范
| 规范 | ✅ | ❌ |
|---|---|---|
| 小写标签 | <div> | <DIV> |
| 属性加引号 | class="nav" | class=nav |
| 正确缩进 | 2空格 | 混用Tab空格 |
| 闭合标签 | <p>t</p> | <p>t |
| alt属性 | <img alt="d"> | 缺alt |
| 语义标签 | <header> | <div class="h"> |
对比示例
<!-- ❌ 不好 -->
<DIV CLASS=h><IMG src=l.png><P>text
<!-- ✅ 好 -->
<header class="header">
<img src="logo.png" alt="Logo">
<p>Description text</p>
</header>
常用约定
- 缩进:2空格(不用Tab)
- 编码:UTF-8
- 注释:用<!-- -->标注区块
- 属性顺序:class→id→src→alt
???? 练习
- 找出不规范写法并修正
- 按规范重写HTML代码