`

<!DOCTYPE>的作用和使用

阅读更多
当您打开网易,新浪等网站的任何一个页面的源码时,第一行都会看到<!DOCTYPE....dtd>,很多人不明白这段话什么意思,有什么作用。而在自己做项目的时候根本不在乎<!DOCTYPE>,甚至特意删除<!DOCTYPE>,这里特别提醒您:您删除<!DOCTYPE>的时刻,正是灾难开始发生的时刻。

<!DOCTYPE>在遵循标准的任何Web文档中,它都是一项必需的元素。<!DOCTYPE>会影响代码验证,并决定了浏览器最终如何显示你的Web文档。现在您明白了吧,当你删除了<!DOCTYPE>时,就是把如何展示您html页面的权利给浏览器!很恐怖吧,IE6,IE7,IE8,Firefox2,Firefox3,Chrome,有多少种浏览器,您的页面可能就会产生多少种展示方式。

如果您的页面根本就没有<!DOCTYPE>,那么您考虑浏览器的兼容性,就是缘木求鱼,提高页面的兼容性从重视<!DOCTYPE>开始

能够见到的<!DOCTYPE>有以下这几种:

HTML 2
<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">
HTML 3.2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
HTML 4.01 Strict, Transitional, Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict, Transitional, Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1 xhtml1.1,XHTML 1.1 plus MathML 2.0 plus SVG 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">

我们常用的有:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 


xhtml1-strict:声明文档中不使用任何失效属性以及框架
loose:声明文档使用一些失效元素包括显示
xhtml1-transitional:声明文档使用一些失效元素并且使用框架

建议您的页面都是用strict声明,这样可以最大限度的提高页面的兼容性,不过这样可能会造成您在编写html程序时必须非常严格。只有当strict声明太严格,给您编码和实现造成了困难,您可以使用transitional声明,否则坚持使用strict。

最后再次声明:
您删除<!DOCTYPE>的时刻,正是灾难开始发生的时刻。提高页面的兼容性从认识<!DOCTYPE>开始

文章地址:http://javapub.iteye.com/blog/736640
0
0
分享到:
评论

相关推荐

    HTML和XHTML的联系与区别,文档类型<!DOCTYPE>

    HTML(HyperText Markup Language)和XHTML(Extensible HyperText Markup Language)是两种广泛用于创建网页的标准标记...DOCTYPE&gt;`的作用,有助于开发者编写更规范、更兼容的网页代码,从而提高网页质量和用户体验。

    网页 DOCTYPE html标签的作用1

    DOCTYPE&gt;` 是一个非常重要的声明,它的主要作用是告诉浏览器文档遵循的HTML或XHTML规范版本,以便浏览器能够正确地解析和渲染页面内容。这个声明位于HTML文档的开头,且必须在 `&lt;html&gt;` 标签之前。 `&lt;!DOCTYPE html...

    第讲-使用HTML设置文本和图像优秀文档.ppt

    第4讲 使用HTML设置文本和图像 4.1 段落标记 * 段落标记的基本语法:&lt;p&gt;…&lt;/p&gt; * 段落标记的作用:创建一个段落...&lt;p&gt;和&lt;br&gt;有何不同? * &lt;p&gt;是段落标记,用于创建一个段落 * &lt;br&gt;是换行标记,用于产生一个换行效果

    HTML &lt;!DOCTYPE&gt; 标签

    总结来说,DOCTYPE声明在HTML和XHTML文档中起到至关重要的作用,它定义了文档的语言版本和解析规则,确保浏览器以一致的方式渲染页面,减少了跨浏览器的兼容性问题。正确地声明DOCTYPE是构建符合标准、具有良好兼容...

    HTML基础知识.pdf

    DOCTYPE&gt;标记位于文档的最前面,用来向浏览器说明当前文档使用哪种HTML或XHTML(可扩展超文本标记语言)标准规范,必需在开头处使用&lt;!DOCTYPE&gt;标记为所有的XHTML文档指定XHTML版本和类型,只有这样浏览器才能将该...

    表格 html 表格 html 表格 html

    此标签是一个容器,里面可以包含行(`&lt;tr&gt;`)和单元格(`&lt;td&gt;`)。表格的基本结构如下: ```html &lt;table&gt; &lt;tr&gt; &lt;td&gt;单元格内容&lt;/td&gt; &lt;td&gt;单元格内容&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;单元格内容&lt;/td&gt; &lt;td&gt;单元格内容&lt;/...

    JavaWeb-第1章-网页开发基础

    DOCTYPE&gt;声明不是HTML标签,是一条指令,它用于向浏览器说明当前文档使用哪种HTML标准规范。如果删除&lt;!DOCTYPE&gt;声明,浏览器将根据情况决定如何显示HTML页面。 2. HTML标签概述 HTML标签可以分为三类:单标签、双...

    DTD教程,来自3cSchool

    DOCTYPE note [...]&gt;`定义了文档类型为`note`,并且规定了`note`元素包含`to`、`from`、`heading`和`body`这四个子元素,每个子元素都允许包含字符数据(#PCDATA)。 外部DTD则将DTD定义存储在单独的文件中,然后在...

    HTML5程序设计学习笔记

    DOCTYPE&gt;`标签的作用与使用方法 `&lt;!DOCTYPE&gt;`标签作为HTML文档的首个元素,在整个文档解析过程中起着至关重要的作用。它告诉浏览器当前文档遵循的是哪种HTML标准,从而确保浏览器能够正确地解析和渲染网页。 #####...

    XML的DTD教程

    **示例**:定义一个`&lt;note&gt;`元素,其包含`&lt;to&gt;`、`&lt;from&gt;`、`&lt;heading&gt;`和`&lt;body&gt;`四个子元素,其中`&lt;to&gt;`、`&lt;from&gt;`和`&lt;heading&gt;`元素仅包含文本数据,而`&lt;body&gt;`元素可以包含文本和子元素。 ```xml &lt;!ELEMENT note...

    为什么使用DOCTYPE HTML

    通过了解和正确使用DOCTYPE HTML,开发者能够确保他们的网页在各种浏览器上具有一致的显示效果,提高用户体验,并减少潜在的技术问题。对于那些需要处理大量历史代码或者需要兼容旧版浏览器的开发者来说,理解...

    第1章 网页开发基础.ppt

    \n\n例如,以下代码创建了一个横跨两行的表头单元格和一个横跨两列的单元格:\n&lt;h4&gt;横跨两行的单元格:&lt;/h4&gt;\n&lt;table border="1"&gt;\n &lt;tr&gt;\n &lt;th&gt;姓名&lt;/th&gt;\n &lt;td&gt;Bill Gates&lt;/td&gt;\n &lt;/tr&gt;\n &lt;tr&gt;\n &lt;th rowspan="2"&gt;...

    XML应用开发(软件品牌)-1期 2.3 课堂实践-XML文档引用外部DTD.doc

    通过这种方式,DTD在XML文档中起到了约束作用,保证了数据的结构化和一致性。当你尝试解析这个XML文档时,解析器会根据DTD进行验证,如果发现任何不符合DTD规则的内容,解析器将会抛出错误,帮助你找出并修复问题。 ...

    xmlspy教程.pdf

    在文件内容中还包含了一些关于XML模式设计的指导原则和最佳实践,例如使用复数形式命名集合元素(如&lt;Contacts&gt;),单数形式命名单个实例(如&lt;Person&gt;),以及使用属性来修饰元素。 最后,文件内容中还隐含了关于XML...

    XML DTD详细教程

    DTD的主要作用是确保XML文档遵循一定的规则,保证数据的一致性和完整性,使得不同系统之间能有效地交换和处理数据。 ### DTD的声明 XML文档中的DTD声明有两种方式:内部声明和外部声明。 1. **内部声明**:当DTD...

    html 网页设计.docx

    7. **`&lt;ul&gt;` 和 `&lt;li&gt;`**:定义无序列表和列表项,常用于导航菜单。 8. **`&lt;main&gt;`**:定义网页的主要内容区域。 9. **`&lt;section&gt;`**:定义文档中的节,用于组织内容。 10. **`&lt;footer&gt;`**:定义网页的底部内容。 ...

    XML-DTD教程

    IFDEF&gt;`和`&lt;!ENDIF&gt;`,可以在不同版本的文档中选择性地包含元素。 最后,理解DTD的错误处理也至关重要。当XML文档违反了DTD定义时,解析器会抛出错误,这有助于确保数据的准确性和一致性。 总的来说,XML-DTD是XML...

    html文本格式

    -- &lt;font color="red"&gt;我的第一个标题&lt;/font&gt; --&gt;`:注释掉了一段使用`&lt;font&gt;`标签设置文字颜色的代码。注意,在HTML5中不推荐使用`&lt;font&gt;`标签,因为有更好的CSS方法来替代它。 - `&lt;p&gt;我的第一个段落。&lt;/p&gt;`:定义...

    html文档教程

    DOCTYPE&gt;声明、&lt;html&gt;元素、&lt;head&gt;元素和&lt;body&gt;元素组成。&lt;!DOCTYPE&gt;声明定义了文档类型,对于HTML5,通常写为`&lt;!DOCTYPE html&gt;`。&lt;html&gt;元素是整个文档的根元素,它包含了页面的所有内容。在&lt;head&gt;元素中,我们可以...

    DTD与XML.doc

    而`&lt;联系人&gt;`元素则包含了六个子元素:`&lt;姓名&gt;`、`&lt;ID&gt;`、`&lt;公司&gt;`、`&lt;EMAIL&gt;`、`&lt;电话&gt;`和`&lt;地址&gt;`。其中,`&lt;地址&gt;`元素又进一步包含了三个子元素:`&lt;街道&gt;`、`&lt;城市&gt;`和`&lt;省份&gt;`。这里的`#PCDATA`表示这些元素的值...

Global site tag (gtag.js) - Google Analytics