!DOCTYPE声明

合集下载

DOCTYPE声明的作用

DOCTYPE声明的作用

DOCTYPE声明在CSS5中的作用要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS 都不会生效,也就是说如果没有这个DOCTYPE声明将会导致CSS失效-css无效,特别是没有声明或声明不正确将在标准浏览器下更是不能正常显示。

DOCTYPE声明开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE。

查看很多使用XHTML标准开发的网站,第一行就是:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 打开一些符合标准的站点,例如著名web设计软件开发商Macromedia,会发现同样的代码。

而另一些符合标准的站点的代码则如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 那么这些代码有什么含义?一定要放置吗?什么是DOCTYPE上面这些代码我们称做DOCTYPE声明。

DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。

其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。

要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS 都不会生效。

XHTML 1.0 提供了三种DTD声明可供选择:* 过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法),完整代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"> * 严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>,完整代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "/TR/xhtml1/DTD/xhtml1-strict.dtd"> * 框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD,完整代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 我们选择什么样的DOCTYPE理想情况当然是严格的DTD,但对于我们大多数刚接触web标准的设计师来说,过渡的DTD(XHTML 1.0 Transitional)是目前理想选择。

DOCTYPE声明作用及用法详解

DOCTYPE声明作用及用法详解

DOCTYPE声明作⽤及⽤法详解⼀、浏览器呈现模式和doctype有的⽹页是遵循标准⽽创作的,但也有很多不是。

即使你不能创建遵循标准的⽹页,也希望浏览器根据标准来正确显⽰那些页。

⽬前,⼤量⽹页充斥着⼤量⾮标准代码,它们仍能正常地⼯作。

事实上,为旧版浏览器设计的⼤多数代码都能在新版浏览器中正确显⽰(虽然呈现⽅式可能有所区别)。

这是什么原因呢?事实上,假如严格遵循最新标准,会完全破坏那些页的⽣存基础。

对于任何希望有所作为的浏览器来说,这当然是令⼈⽆法接受的。

浏览器呈现模式现代浏览器包括不同的呈现模式,⽬的是既⽀持遵循标准的⽹页,也⽀持为⽼式浏览器⽽设计的⽹页。

其中, Standards (标准)模式(也就是严格呈现模式)⽤于呈现遵循最新标准的⽹页,⽽ Quirks (包容)模式(也就是松散呈现模式或者兼容模式)⽤于呈现为传统浏览器⽽设计的⽹页。

另外,注意Mozilla/Netscape 6新增了⼀种 Almost Standards (近似标准)模式,⽤于⽀持为标准的某个⽼版本⽽设计的⽹页。

什么是 doctype切换?放在⽹页顶部的doctype声明是让浏览器进⼊正确呈现模式的关键。

浏览器⾃动切换到恰当的呈现模式,以便正确显⽰由doctype声明所指定的⽂档种类。

理论上,这应该是⼀个⾮常直观的切换。

假如doctype指出当前⽹页是⼀个遵循标准(也就是HTML 4+或XHTML 1+)的⽂档,浏览器就会切换到Standards模式。

假如没有指定doctype,或者指定HTML 3.2以及更⽼的版本,浏览器就切换到Quirks 模式。

这样⼀来,浏览器既能正确显⽰遵循标准的⽂档,⼜不⾄于完全舍弃⽼式的、与标准不符的⽹页。

doctype切换的问题但是,doctype切换是⼀个不完善的⽅案。

即使你在Web⽂档中使⽤了⼀个doctype声明,浏览器也可能不会采取你希望的呈现模式来显⽰⽹页。

原因是多⽅⾯的,包括形式错误的doctype,以及不同<?xml version="1.0" encoding="UTF-8"?>) 开头,其中包括XHTML⽹页。

Doctype作用?严格模式与混杂模式如何区分?它们有何差异?

Doctype作用?严格模式与混杂模式如何区分?它们有何差异?

Doctype作⽤?严格模式与混杂模式如何区分?它们有何差异?⼀、Doctype作⽤是什么?<!DOCTYPE>声明叫做⽂件类型定义(DTD),声明的作⽤为了告诉浏览器该⽂件的类型。

让浏览器解析器知道应该⽤哪个规范来解析⽂档。

<!DOCTYPE>声明必须在 HTML ⽂档的第⼀⾏,这并不是⼀个 HTML 标签。

⼆、严格模式与混杂模式如何区分?它们有何意义?严格模式:⼜称标准模式,是指浏览器按照 W3C 标准解析代码。

混杂模式:⼜称怪异模式或兼容模式,是指浏览器⽤⾃⼰的⽅式解析代码。

如何区分:浏览器解析时到底使⽤严格模式还是混杂模式,与⽹页中的 DTD 直接相关。

1、如果⽂档包含严格的 DOCTYPE ,那么它⼀般以严格模式呈现。

(严格 DTD ——严格模式)2、包含过渡 DTD 和 URI 的 DOCTYPE ,也以严格模式呈现,但有过渡 DTD ⽽没有 URI (统⼀资源标识符,就是声明最后的地址)会导致页⾯以混杂模式呈现。

(有 URI 的过渡 DTD ——严格模式;没有 URI 的过渡 DTD ——混杂模式)3、DOCTYPE 不存在或形式不正确会导致⽂档以混杂模式呈现。

(DTD不存在或者格式不正确——混杂模式)4、HTML5 没有 DTD ,因此也就没有严格模式与混杂模式的区别,HTML5 有相对宽松的语法,实现时,已经尽可能⼤的实现了向后兼容。

( HTML5 没有严格和混杂之分)意义:严格模式与混杂模式存在的意义与其来源密切相关,如果说只存在严格模式,那么许多旧⽹站必然受到影响,如果只存在混杂模式,那么会回到当时浏览器⼤战时的混乱,每个浏览器都有⾃⼰的解析模式。

三、严格模式与混杂模式的语句解析不同点有哪些?1)盒模型的⾼宽包含内边距padding和边框border在W3C标准中,如果设置⼀个元素的宽度和⾼度,指的是元素内容的宽度和⾼度,⽽在IE5.5及以下的浏览器及其他版本的Quirks模式下,IE的宽度和⾼度还包含了padding和border。

XHTML代码头部Doctype文档类型声明必不可少

XHTML代码头部Doctype文档类型声明必不可少

HTML遵循一定的规则。

这些规则包含在一个文档类型定义(Document Type Definition)文件中,或者如大家所知的DTD。

DTD是一个XML文档,解释了哪些标签、属性或值对于HTML的一个特定类型是有效的。

每一个 HTML版本,都有一个对应的DTD。

现在你可能会问:“所有这些和CSS又有什么关系呢?”如果想让网页中的所有内容都在网页浏览器上正确、一致地显示,就得告诉网页浏览器你正使用HTML或者XHTML的哪个版本,包括一个网页开头处的文档类型声明(doctype declaration)是什么意思。

这个文档类型声明是在HTML文件的第一行,不仅定义你正使用的HTML版本(比如HTML 4.01 Transitional),而且指向网页中适当的DTD文件。

当键错文档声明时,你会使大部分浏览器进入一个叫怪异模式(Quirks Mode)(译注1)的警告状态。

怪异模式(Quirks Mode)是浏览器制造商为使他们的软件运行起来就像大约1999年(Netscape 4和Internet Explorer 5时代)时的浏览器所采用的方法。

如果一个现代浏览器遇到一张没有正确文档类型的网页,它就会以为:“嗯,这张网页一定是很早很早以前用HTML编辑器写的。

我得假装自己是一个真正很旧的浏览器来显示网页,就像那些bug重重的旧浏览器所显示的那样。

”这就是为什么当没有一个正确的文档类型时,你用CSS 进行样式设置的可爱网页,可能看起来并不像它根据当前的标准所应该显示的样子。

当你在浏览器上检测时,无意中用怪异模式(Quirks Mode)浏览到你的网页,你可能会停止尝试去修正与不正确的文档类型有关、而不是不正当使用HTML或者CSS所引起的显示问题。

注意:想了解更多关于怪异模式的相关信息,请访问/index. html?/css/quirksmode.html 和http://hsivonen.iki.fi/doctype/。

html文档的基本结构元素的功能

html文档的基本结构元素的功能

html文档的基本结构元素的功能HTML文档的基本结构元素的功能HTML(Hypertext Markup Language)是一种标记语言,用于创建网页。

在HTML中,文档被分为三个部分:头部、主体和尾部。

这篇文章将介绍HTML文档的基本结构元素及其功能。

一、DOCTYPE声明<!DOCTYPE>声明是HTML文档中的第一行代码,它告诉浏览器使用哪个HTML版本来渲染页面。

DOCTYPE声明有助于确保页面在各种浏览器中正确显示,并且可以帮助搜索引擎更好地理解您的网站。

二、html标签<html>标签是HTML文档的根元素,它包含了整个文档。

在<html>标签中,还可以使用lang属性来指定页面所使用的语言。

三、head标签<head>标签用于定义文档头部,其中包含了与页面相关的元数据和链接信息。

例如,<head>标签可以包含<title>标签用于定义页面标题、<meta>标签用于指定字符集和关键字等信息、<link>标签用于引入外部CSS样式表等。

四、body标签<body>标签定义了文档主体内容。

在<body>标签中,可以添加各种元素如文字、图像、链接等内容。

五、标题和段落<h1>-<h6> 标题是在文章或网页上添加标题的最常用的方式。

这些标签表示不同级别的标题,<h1>表示最高级别的标题,<h6>表示最低级别的标题。

在文章中,使用标题可以帮助读者更好地理解文章结构。

<p>标签用于定义段落。

当您想要添加一段文字时,可以使用<p>标签将其包裹起来。

六、链接<a>标签用于创建链接。

在<a>标签中,href属性指定链接目标URL,而文本内容则是用户单击时看到的链接文本。

七、图像<img>标签用于在页面中插入图像。

html中doctype有几种类型以及doctype的作用

html中doctype有几种类型以及doctype的作用

html中doctype有⼏种类型以及doctype的作⽤htm中doctype标签是⼀种标准通⽤标记语⾔的⽂档类型声明,它的⽬的是要告诉标准通⽤标记语⾔解析器,它应该使⽤什么样的⽂档类型定义(DTD)来解析⽂档。

dotype 的特点:1. <!doctype>声明必须处于HTML⽂档的头部,在<html>标签之前,HTML5中不区分⼤⼩写2. <!doctype>声明不是⼀个HTML标签,是⼀个⽤于告诉浏览器当前HTMl版本的指令3. 现代浏览器的html布局引擎通过检查doctype决定使⽤兼容模式还是标准模式对⽂档进⾏渲染,⼀些浏览器有⼀个接近标准模型。

4. 在HTML4.01中<!doctype>声明指向⼀个DTD,由于HTML4.01基于SGML,所以DTD指定了标记规则以保证浏览器正确渲染内容5. HTML5不基于SGML,所以不⽤指定DTD常见dotype:1. HTML4.01 strict:不允许使⽤表现性、废弃元素(如font)以及frameset。

声明:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "/TR/html4/strict.dtd">1. HTML4.01 Transitional:允许使⽤表现性、废弃元素(如font),不允许使⽤frameset。

声明:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd">1. HTML4.01 Frameset:允许表现性元素,废⽓元素以及frameset。

声明:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "/TR/html4/frameset.dtd">1. XHTML1.0 Strict:不使⽤允许表现性、废弃元素以及frameset。

了解HTML 5 <!DOCTYPE> 标签定义和用法

了解HTML 5 <!DOCTYPE> 标签定义和用法

了解HTML 5 &lt;!DOCTYPE&gt; 标签定义和用法
下面小编给大家分享的是了解HTML 5 ; 标签定义和用法,在这里详细的介绍了解HTML 5 ; 标签定义和用法,希望对大家有所帮助.
 ; 声明必须位于HTML5 文档中的第一行,也就是位于; 标签之前。

该标签告知浏览器文档所使用的HTML 规范。

doctype 声明不属于HTML 标签;tag; 它是一条指令,告诉浏览器编写页面所用的标记的版本。

在所有HTML 文档中规定doctype 是非常重要的,这样浏览器就能了解预期的文档类型。

HTML 4.01 中的doctype 需要对DTD 进行引用,因为HTML 4.01 基于SGML。

而HTML 5 不基于SGML,因此不需要对DTD 进行引用,但是需要doctype 来规范浏览器的行为(让浏览器按照它们应该的方式来运行。

)。

实例具有正确文档类型(doctype)的HTML5 文档:; ; ; ;Title of the document; ; ; The content of the document...... ; ; HTML 4.01 与HTML 5 之间的差异在HTML 4.01 中有 3 个不同的文档类型,在HTML 5 中只有一个:; 在HTML5 中,文档类型声明是不是很简单。

提示和注释:注释:; 标签没有结束标签!提示:; 对大小写不敏感。

 以上是小编介绍了解HTML 5 ; 标签定义和用法全部内容,感谢大家支持我们的51。

(完整版)HTML标签解释大全

(完整版)HTML标签解释大全

一、HTML标记标签:!DOCTYPE说明:指定了HTML 文档遵循的文档类型定义(DTD)。

标签:a说明:标明超链接的起始或目的位置。

标签:acronym说明:标明缩写词。

标签:address说明:特定信息,如地址、签名、作者、此文档的原创者。

标签:applet说明:在页面上放置可执行内容。

标签:area说明:定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联URL。

标签:attribute说明:以对象的形式代表了HTML 元素的标签属性或属性。

标签:b说明:指定文本应以粗体渲染。

标签:base说明:指定一个显式URL 用于解析对于外部源的链接和引用,如图像和样式表。

标签:basefont说明:设置渲染文本时作为默认字体的基础字体值。

标签:bdo说明:允许作者为选定文本片断禁用双向法则。

标签:bgsound说明:允许页面带有背景声音或创建音轨。

标签:big说明:指定内含文本要以比当前字体稍大的字体显示。

标签:blockquote说明:设置文本中的一段引语。

标签:body说明:指定文档主体的开始和结束。

标签:br说明:插入一个换行符。

标签:button说明:指定其中所含的HTML 要被渲染为一个按钮。

标签:caption说明:指定表格的简要描述。

标签:center说明:将后面的文本和图像居中显示。

标签:cite说明:用斜体显示标明引言。

标签:clientinformation说明:包含关于Web 浏览器的信息。

标签:clipboarddata说明:提供了对于预定义的剪贴板格式的访问,以便在编辑操作中使用。

标签:code说明:指定代码范例。

标签:col说明:指定基于列的表格默认属性。

标签:colgroup说明:指定表格中一列或一组列的默认属性。

标签:comment说明:标明不可见的注释.标签:currentStyle说明:代表了在全局样式表、内嵌样式和HTML 标签属性中指定的对象格式和样式。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

标签定义及使用说明
<!DOCTYPE> 声明位于文档中的最前面的位置,处于<html> 标签之前。

<!DOCTYPE> 声明不是一个HTML 标签;它是用来告知Web 浏览器页面使用了哪种HTML 版本。

在HTML 4.01 中,<!DOCTYPE> 声明需引用DTD (文档类型声明),因为HTML 4.01 是基于SGML (Standard Generalized Markup Language 标准通用标记语言)。

DTD 指定了标记语言的规则,确保了浏览器能够正确的渲染内容。

HTML5 不是基于SGML,因此不要求引用DTD。

提示:总是给您的HTML 文档添加<!DOCTYPE> 声明,确保浏览器能够预先知道文档类型。

HTML 4.01 与HTML5之间的差异
HTML 4.01 规定了三种不同的<!DOCTYPE> 声明,分别是:Strict、Transitional 和Frameset。

HTML5 中仅规定了一种:
<!DOCTYPE html>
HTML 元素和Doctypes
参阅HTML 元素与合法的Doctype,看看每一个HTML 元素都出现在哪一种Doctype 中。

提示和注释
注释:<!DOCTYPE> 标签没有结束标签。

提示:<!DOCTYPE> 声明不区分大小写。

提示:使用W3C 的验证检查您是否编写了一个带有正确DTD 的合法的HTML / XHTML 文档!常见的DOCTYPE 声明
HTML 5。

相关文档
最新文档