HTML 教程 / HTML与XHTML

HTML 与 XHTML

XHTML(Extensible HyperText Markup Language)是HTML的更严格版本,以XML格式重写的HTML。现在HTML5已成为主流,但了解XHTML有助于理解严格的标签语法规范。

HTML与XHTML的主要区别

特性 HTML XHTML
标签大小写 不区分大小写 必须小写
属性引号 可省略引号 必须使用引号
闭合标签 某些标签可省略闭合 必须严格闭合
自闭合标签 <br> 或 <br/> <br />
文档类型 <!DOCTYPE html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0...">

XHTML语法规则

1. 标签必须小写

<!-- XHTML要求 -->
<div>内容</div>

<!-- HTML允许但XHTML不允许 -->
<DIV>内容</DIV> 

2. 属性值必须加引号

<!-- XHTML要求 -->
<div class="container">内容</div>

<!-- HTML允许但XHTML不允许 -->
<div class=container>内容</div> 

3. 必须闭合所有标签

<!-- XHTML要求 -->
<p>段落</p>
<br />
<img src="image.jpg" />

<!-- HTML允许但XHTML不允许 -->
<p>段落
<br>
<img src="image.jpg"> 

4. 自闭合标签需有斜杠

<!-- 正确的XHTML格式 -->
<br />
<hr />
<img src="pic.jpg" />
<input type="text" /> 

现代HTML实践

现代Web开发推荐采用HTML5,并借鉴XHTML的严格语法习惯:

  • 使用小写标签和属性:虽然HTML不区分大小写,但小写更统一
  • 始终关闭标签:即使HTML允许省略,也要养成习惯
  • 属性值加引号:提高代码一致性和可读性
  • 语义化标签:使用有意义的HTML5标签
建议

虽然现在主要使用HTML5,但遵循XHTML的严格语法规则是好习惯,可以让代码更规范、更易维护。