(X)HTML Strict 下的嵌套规则
下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则，比如你不能在 <a> 里面再嵌入一个 <a> 这样的约定。
说明：
- 为了方便读者阅读，本文中的标签使用了大写（根据 XHTML 的规则，元素名必须小写，比如
<html>而不应是<HTML>） - 小写的单词表明一组或一系列 HTML 标签
- 每一项条目（标签）后都跟随一组标签列表，如果没有这个列表，那么表明该条目（标签）内部不允许包含任何标签。这意味着该条目内部只能包含纯文本内容（#PCDATA，见下文）。如果注明 (empty)，这意味着该条目内部不允许包含任何形式的内容。对于 flow，inline，block，OBJECT 和 BODY，其内部允许包含的内容在文中会单独给出。
- #PCDATA 的意思是“parsed character data”，即纯文本内容（不包括任何 HTML 标签，但是转义内容可以存在，比如
ä和ä） - CDATA 的意思是“character data”，这意味着不包括转义内容的纯文本内容，详细内容可以参考CDATA Confusion
- excluding … 意即不得直接或者间接的包含所列的元素
注1. 以上内容基于 [HTML 4.01 Specification] 的 Strict DTD。JunChen 翻译自 Allowed nesting of elements in HTML 4 Strict (and XHTML 1.0 Strict)
注2. 对于 XHTML 1.0，基本上一致，不同点如下：
- 对于
<script>和<style>的内容，在 HTML 4 里是CDATA而在 XHTML 里是#PCDATA - 在 XHTML 中，
<table>标签后可以紧跟一个<tr>，而在 HTML 4.01 里，不允许这样，不过<tbody>标签又是可以省略的。意思就是说，如果代码中的<table>后紧跟<tr>，对于 HTML 4.01，会隐性的生成一个<tbody>标签，而在 XHTML 里面就没有。这会影响到样式表使用tbody作为选择器。
转载请注明：(X)HTML Strict 下的嵌套规则 - 前端开发
上一篇：20个改变网站用户体验的方法
下一篇：使用CSS框架的优点和缺点
为您推荐
您可能还会对这些文章感兴趣
2012-11-21移动平台屏幕手势的一些思考
Clear的出现引起了大家对手势操作的热忱, Google新专利采用“连续手势”也让我们看到了个性化手势的前景。确实，手势操作能够减少界面元素，提升效率;但其不可见性，抽象性，需记忆...
2012-11-20人人网FED CSS编码前端开发规范
浏览器特效支持规范 为了页面性能考虑，如果浏览器不支持CSS3相关属性的，则该浏览器的某些特效将不再支持，属性的支持情况如下表所示： 圆角 阴影 动画 文字阴影 透明 背景...
2012-11-06前端开发规范（整理版）
一、 前言 1.1 何为规范 对于某一工程作业或者行为进行定性的信息规定。主要是因为无法精准定量而形成的标准，所以，被称为规范。【百度百科：http://baike.baidu.co...
2012-02-27Web前端开发面临的挑战主要有哪些？【整理版】
曹刘阳，盛大的web工程师 1) css和dom提供的接口都太low level了，而BOM提供的控件只有input、select、textarea这几种最基本的，稍复杂一点的UI效果，都要前端自己利用css和dom去...
2012-02-25河南目标互动传媒有限公司招聘Web前端开发工程师
具体要求： 岗位职责： 1.明确了解产品中心提出的需求内容和产品定位，并在此基础上依照产品整体UI效果及网页制作规范协同团队成员进行网页制作。 2.与交互、视觉和后台开发工程师...
2012-02-14【转】一个前端对设计师的诉求
首先声明，这是一篇和谐帖。。。目的在于提高设计与制作的合作效率，帮助设计师了解制作的想法，提高团队战斗力。如其中有用词不当的，请设计师承让，其他制作也可将自己的心得回...
2012-01-15【顶】Web开发入门不得不看
引 如今，各种互联网的Web应用程序层出不穷，那么如何快速入门，成长为一个优秀的Web开发工作者呢？ 这个问题不容易回答，几乎所有的培训机构都不能清晰地解答。 所以对于Web开发...
2012-01-11系列集合-页面重构中的模块化设计-CSS森林 【极力推荐看完】
样式的作用域──页面重构中的模块化设计（一） 很久没有更新blog了，这段时间实在是发生了很多的事，累身累心。但还是有很多想做的事，比如更新merceCSS、把一直以来所总...
2011-05-10jQuery带缩略图左右滚动效果
这个效果比较常用,在很多商品展示页面会用到，例如淘宝店铺的图片展示和京东商城的商品展示页，其实这段代码很简单，直接看下效果好了！ 演示地址：http://www.wufangbo.co...
2011-05-09谈CSS模块化【封装-继承-多态】
第一次听到“CSS模块化”这个词是在WebReBuild的第四届“重构人生”年会上，当时我还想，“哈，CSS也有模块化，我没听错吧？”事实上，我没听错...