---
title: "XHTML代码规范"
url: "https://yjyj.net/learn/3899.html"
author: "小 虾 (生猛大蝦编辑部)"
published_at: "2006-03-30T12:30:43+08:00"
updated_at: "2017-09-18T15:40:37+08:00"
categories: "招数学习"
tags: "CSS布局技巧, xhtml, 前端开发实战, 网页视觉设计"
summary: "这篇《XHTML代码规范》用最直白的方式讲清 XHTML 的四大硬规则：标签必须闭合、大小写统一小写、嵌套顺序要严格、属性值必须加引号。适合从 HTML 迁移到 XHTML 的入门者快速避坑，按规范改代码，才能保证结构严谨、兼容性更稳。"
source: "生猛大蝦 (https://yjyj.net)"
---

# XHTML代码规范

> 来源：[生猛大蝦 (yjyj.net)](https://yjyj.net/learn/3899.html) · 作者：小 虾 · 发布时间：2006-03-30

## 30 秒核心看点 (TL;DR)

- XHTML 不是“更严格的 HTML”，而是必须闭合、必须小写的规范化写法。
- 标签嵌套要一层一层对称，像 p 和 b 这种顺序错了就不合格。
- 属性值统一加引号，单独标签用自闭合写法，能少踩很多解析坑。

1.所有的标记都必须要有一个相应的结束标记
以前在html中，你可以打开许多标签，例如和- 而不一定写对应的

和
来关闭它们。但在xhtml中这是不合法的。xhtml要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如: 

```

```

 

2.所有标签的元素和属性的名字都必须使用小写 

```
与html不一样，xhtml对大小写是敏感的，和是不同的标签。
xhtml要求所有的标签和属性的名字都必须使用小写。
例如：必须写成。
大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onmouseover"也必须修改成"onmouseover"。
```

 

3.所有的xml标记都必须合理嵌套
同样因为xhtml要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码： 

```
**

/b>
```

 
必须修改为： 

```
**/p>
```

 
就是说，一层一层的嵌套必须是严格对称。

4.所有的属性必须用引号""括起来
在html中，你可以不需要给属性值加引号，但是在xhtml中，它们必须被加引号。例如: 

```

```

 
必须修改为： 

```

```

 
特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用'，例如：

```

```

 

5.把所有
```

 
用等号或者空格替换内部的虚线。

```

```

 

以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。

## 延伸问答与排错指南 (FAQ)

### XHTML 和 HTML 最大的区别是什么？
核心区别是 XHTML 更强调 XML 式严谨结构：所有标签都要闭合，标签和属性名必须小写，嵌套顺序不能乱，属性值必须加引号。写法更规范，解析也更严格，适合追求标准化的页面结构。

### XHTML 里自闭合标签怎么写？
像 br、img 这类不成对的标签，在 XHTML 中要写成自闭合形式，例如 、。这样能明确告诉解析器该标签已经结束，避免结构歧义。

### 为什么 XHTML 要求属性值必须加引号？
因为 XHTML 采用更严格的语法规则，属性值不加引号容易造成解析歧义。统一写成双引号最稳妥；如果属性值里需要双引号，可改用单引号或按规范转义，保证文档可被正确解析。

---
更多 Linux 运维、WordPress 性能优化、前端工程化、Shopify 独立站与极客折腾指南：[生猛大蝦全站文章归档 (https://yjyj.net/archive)](https://yjyj.net/archive)