可选闭合标签

Kejun's Blog 2010-04-12 16:16:41 累计浏览 3,175 次

本机暂存

内容概览

这篇文章从一个有趣的观察切入：Google搜索结果页的HTML代码中，``标签并没有闭合，但它完全符合W3C标准。这引出了一个很多开发者可能忽略的知识点——在HTML5标准下，确实存在一批标签属于“可选闭合标签”，即使不写结束符浏览器也能正确解析。

作者详细梳理了这类标签的名单，主要集中在表格相关标签（如``、``、``）以及一些其他结构标签（如``、``、``）上。关键差异在于，虽然它们允许省略闭合标签，但这更多是基于历史兼容性和浏览器容错机制的设计，而非推荐的现代编码实践。在实际开发中，显式闭合能增强代码可读性和健壮性，尤其是在嵌套较深的复杂布局中。

文章的实用价值在于，它帮助开发者理解HTML解析器的“宽容”行为背后的逻辑。当你看到别人写的不完整标签或调试布局异常时，这能让你快速定位到是否因为依赖了这种可选规则。最终，作者的结论是：了解规则是为了更好地遵守规范，清晰的闭合标签在绝大多数场景下都是更优的选择。

比如google搜索结果页的td都是不闭合的，但它是符合标准的。之前有人发现过这个问题。那到底哪些标签可以不闭合呢.

html4.01 strict或html5下，即doctype声明为
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
或
<!DOCTYPE html>
下面的标签都是可以不闭合的：
<html>
<body>
<colgroup>
<thead>
<tr>
<tbody>
<td>
<p>
<dt>
<dd>
<li>
<option>
<tfoot> （html5下是标准的）

测试： http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fhikejun.com%2Ftmp%2Ftest_optional_closing_tags.html

同分类推荐文章

translateZ() （2026-06-25 21:18:56）
translateY() （2026-06-25 21:17:56）
translateX() （2026-06-25 21:16:01）

查看更多前端文章 →

建议继续学习

HTML5 离线缓存-manifest简介（累计阅读 17,103）
HTML 5 的data-* 自定义属性（累计阅读 14,349）
各公司对前端开发的职位描述（累计阅读 10,405）
jQuery的data()方法（累计阅读 8,651）
浏览器的渲染原理简介（累计阅读 8,377）
iframe里src="about:blank"的问题。（累计阅读 8,090）
程序员眼里IE浏览器是什么样的（累计阅读 8,011）
2010网页设计趋势（累计阅读 7,818）
前端必须熟悉的10个CSS3属性（累计阅读 7,719）
Web前端工程师编程能力飞升之路（累计阅读 7,691）