本文系统的讲解DOCTYPE元素.同时查证了很多的资料.因为互联网上面的资料比较杂乱,所以经过收集整理我进行了重新定义.比如对于DOCTYPE元素的定义.主要分为基础知识和高级知识.基础知识讲解基本的DOCTYPE知识. 高级知识很多来自网络收集, 主要是实际应用的一些技巧.
DOCTYPE是文档类型(Document Type)的缩写, <!DOCTYPE> 元素用于声明一个页面的文档类型定义(Document Type Declaration, 即DTD).此元素声明位于文档中的最前面的位置，处于 <html> 标签之前。通过确认页面的DTD,可以同时确定页面使用哪种W3C规范(比如 HTML 或 XHTML 规范)。
W3C规范的正确翻译应该为W3C推荐(W3C Recommendations).很多设计师的眼里W3C就是标准.但是许多人都是一知半解.下面列于了目前W3C规范中的HTML规范和XHTML规范,稍后会讲解HTML和XHTML的关系:
|
规范 |
推荐 |
|
http://www.w3.org/TR/html4/strict.dtd"> HTML Transitional DTDTransitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 HTML 的呈现特性时，请使用此类型： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " Frameset DTDFrameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "
XHTMLXHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。 XHTML Strict DTD如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用： <!DOCTYPE html XHTML Transitional DTDTransitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 XHTML 的呈现特性时，请使用此类型： <!DOCTYPE html XHTML Frameset DTD当您希望使用框架时，请使用此 DTD！ <!DOCTYPE html
五.DOCTYPE 元素语法语法HTML 顶级元素 可用性 "注册//组织//类型 标签//定义 语言""URL"
语法元素说明顶级元素：指定 DTD 中声明的顶级元素类型。这与声明的 SGML 文档类型相对应。 默认为HTML。
可用性：指定正式公开标识符(FPI)是可公开访问的对象还是系统资源。取值可以为PUBLIC或者SYSTEM.PUBLIC 默认。表示可公开访问的对象。SYSTEM表示系统资源，如本地文件或 URL。
注册：指定组织是否由国际标准化组织(ISO)注册。 +为默认,表示组织名称已注册。 -表示组织名称未注册。Internet 工程任务组(IETF)和万维网协会(W3C)并非注册的 ISO 组织。
组织：指定表明负责由 !DOCTYPE 声明引用的 DTD 的创建和维护的团体或组织的名称，即 OwnderID。 IETF为IETF。W3C为W3C。
类型：指定公开文本类，即所引用的对象类型。 默认为DTD。
标签：指定公开文本描述，即对所引用的公开文本的唯一描述性名称。后面可附带版本号。默认为HTML。
定义：指定文档类型定义。 Frameset 框架集文档。 Strict 排除所有 W3C 专家希望逐步淘汰的代表性属性和元素，因为样式表已经很完善了。 Transitional 包含除 frameSet 元素的全部内容。
语言：指定公开文本语言，即用于创建所引用对象的自然语言编码系统。该语言定义已编写为 ISO 639 语言代码(大写两个字母)。 EN 默认。英语。
URL：指定所引用对象的位置。
六.检查工具如果要检查你的页面内容是否符合在DOCTYPE中声明的标准,可以使用W3C提供的验证工具: http://www.w3.org/1999/xhtml"> 2.由于 XHTML 1.0 页面就是合法的 XML 文档，而 XML 对于标签和属性都是区分大小写的，为了简单起见，XHTML 1.0 页面中所有的标签和属性都必须使用小写。 一些免费的工具，例如 HTML Tidy（http://tidy.sourceforge.net/），可以帮助你把标签和属性自动转换为小写。 3. 通过在 <head> 元素中添加一个 <meta> 元素来声明页面中使用的语言。 <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> 4.在 XHTML 中，所有的属性都必须要加上引号。 一些免费的工具，例如 HTML Tidy（http://tidy.sourceforge.net/），可以帮助你自动为所有的属性加上引号。 5. 在 XHTML 中，所有的属性都必须有值。 不能像在 HTML 4.0 中那样写： <input type="checkbox" name="shirt" value="medium" checked> 而要写成： <input type="checkbox" name="shirt" value="medium" checked="checked" /> 6. 在 XHTML 中，所有的标签都必须关闭。 关闭标签有两种方式，包含内容的标签使用结束标签关闭，空标签在后面加上空格和"/"。例如： <p>This is acceptable HTML and it is also valid XHTML.</p> <img src="logo.gif" />
7. 不要在注释内容中使用"--" 。 "--" 只能使用在 XHTML 注释的开头和结束，不能出现在注释的内容中。下面的写法都是不允许的： <!--Invalid -- and so is the classic "separator" below. --> <!------------------------------------>
8. 把所有的特殊符号进行HTML编码。 W3C 的 XHTML/CSS/DOM 这 3 个规范构成了一个完整而严密的体系，我称这 3 个规范为 Web 世界中"三位一体神的化身"。这 3 个规范分别代表了 Web 页面的 structure（结构）、presentation（表现）和 behaviour（行为） 3 部分。将 Web 页面严格分为这 3 层，并且尽量使每一层的内容相互独立，有助于提高页面的可重用性和模块化程度，大幅降低页面制作、维护和修改的成本。为了达到上述分层的目标，编写的 XHTML 中应该只包含与 structure 相关的标记（元素和属性）。因此应该习惯于使用 Strict 类型的 DTD，尽快摒弃那些带有表现含意的标记（这些标记在 HTML 4.0 规范中被标识为 Deprecated 即"不提倡"，并且会在 XHTML 以后的版本中被完全舍弃）；尽快摒弃基于 table 做布局的老方法，采用完全的 CSS 布局。
九.推荐的 XHTML 相关书籍《HTML 与 XHTML 权威指南》，Chuck Musciano & Bill Kennedy 著。 《XHTML教程》，Chelsea Valentine & Chris Minnick 著。 《网站重构》，Jeffrey Zeldman 著。 « » 快速导航
Copyright © 2016 phpStudy | 豫ICP备2021030365号-3
|