DOCTYPE NETSCAPE
- 格式:doc
- 大小:33.50 KB
- 文档页数:4
DOCTYPEhtmlPUBLIC指定了HTML⽂档遵循的⽂档类型定义DOCTYPE html PUBLIC 指定了 HTML ⽂档遵循的⽂档类型定义我只是记得这是⽤来声明⽂档类型的,具体的含义和作⽤忘记了。
百度⼀下之后,分享出来。
XHTML 1.0 所做的⼯作就是将 HTML 4.0(最后的 HTML 版本)按照符合 XML 标准的要求加以改造。
XHTML 1.0 并未定义任何新的元素和属性,⽽是沿⽤了所有 HTML 4.0 的元素和属性,因此 XHTML 1.0 与 HTML 4.0 是完全兼容的。
传统的 Web 开发者/设计师⾮常容易掌握 XHTML 1.0。
⽬前所有主流的桌⾯浏览器都已经可以很好地⽀持 XHTML 1.0,甚⾄很多移动智能设备(智能⼿机、PDA 等等)中的浏览器也已经可以很好地⽀持 XHTML 1.0。
XHTML 2.0 对于 XHTML 1.0 做了很⼤的改进,很多地⽅甚⾄与 XHTML 1.0 不兼容。
由于⽬前主流的浏览器仅仅只能⽀持 XHTML 1.0,因此我们这⾥的讨论将限制在 XHTML 1.0 的范围内。
既然 XHTML 1.0 对于 HTML 4.0 做了改造,那么必然对于页⾯提出了⼀些新的要求,这些新的要求包括:1. 必须在页⾯最顶部加上 DOCTYPE 的声明。
如果不加这个声明,浏览器就会按照 HTML 4.0 的⽅式来处理,⽽不把页⾯当作 XHTML 处理。
HTML is the publishing language of the World Wide Web.html 是当前互联⽹被普遍采⽤的页⾯描述语⾔,被浏览器解释并形成最终⽹页页⾯。
xhtml与html相似,但是其⽂档是两够的xml⽂档,因此更为整齐、标准化、易于处理和交流、易于扩展。
XHTML 1.0 的 DOCTYPE 声明有 3 种,分别对应 3 种不同的 DTD。
Transitional —— 最宽松的 DTD,可以使⽤带表现含义的标签和属性。
html5文档的基本结构HTML5(超文本标记语言第5版)是Web页面开发的标准语言,它定义了网页的结构和内容展示方式。
HTML5文档的基本结构由DOCTYPE声明、html元素、head元素和body元素组成。
下面将详细介绍HTML5文档的基本结构及其各个组成部分的作用。
一、DOCTYPE声明DOCTYPE声明用于告诉浏览器当前文档使用的HTML版本。
在HTML5中,DOCTYPE声明为<!DOCTYPE html>,它位于文档的最前面,并且不需要关闭标签。
DOCTYPE声明的作用是让浏览器以标准模式来解析HTML文档,确保页面能够正确显示。
二、html元素html元素是HTML5文档的根元素,它包含了整个HTML文档的内容。
在html元素中,有两个重要的子元素:head元素和body元素。
三、head元素head元素用于包含一些不会在页面中显示的元素,如网页标题、字符编码、引用的外部样式文件和脚本文件等。
常用的head元素包含以下几个子元素:1. title元素:用于定义网页的标题,显示在浏览器的标题栏或书签中。
例如:```html<title>网页标题</title>```2. meta元素:用于定义网页的一些元数据,如字符编码、关键词和页面描述等。
例如:```html<meta charset="UTF-8"><meta name="keywords" content="关键词1, 关键词2"><meta name="description" content="页面描述">```3. link元素:用于引入外部样式文件和脚本文件。
例如:```html<link rel="stylesheet" href="style.css"><script src="script.js"></script>```四、body元素body元素包含了整个网页的可见内容,如文本、图片、链接等。
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有的⽹页是遵循标准⽽创作的,但也有很多不是。
即使你不能创建遵循标准的⽹页,也希望浏览器根据标准来正确显⽰那些页。
⽬前,⼤量⽹页充斥着⼤量⾮标准代码,它们仍能正常地⼯作。
事实上,为旧版浏览器设计的⼤多数代码都能在新版浏览器中正确显⽰(虽然呈现⽅式可能有所区别)。
这是什么原因呢?事实上,假如严格遵循最新标准,会完全破坏那些页的⽣存基础。
对于任何希望有所作为的浏览器来说,这当然是令⼈⽆法接受的。
浏览器呈现模式现代浏览器包括不同的呈现模式,⽬的是既⽀持遵循标准的⽹页,也⽀持为⽼式浏览器⽽设计的⽹页。
其中, 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⽹页。
When you can't fight daddy, you can only do it hard!整合汇编简单易用(WORD文档/A4打印/可编辑/页眉可删)前端开发面试题及答案1.Doctype?严格模式与混杂模式,如何触发这两种模式,区分它们有何意义?Doctype声明位于文档中的最前面的位置,处于标签之前。
此标签可告知浏览器文档使用哪种HTML或XHTML规范。
该标签可声明三种DTD类型,分别表示严格版本、过渡版本以及基于框架的HTML文档。
当浏览器厂商开始创建与标准兼容的浏览器时,他们希望确保向后兼容性。
为了实现这一点,他们创建了两种呈现模式:标准模式和混杂模式(quirksmode)。
在标准模式中,浏览器根据规范呈现页面,在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。
混杂模式通常模拟老式浏览器(比如MicrosoftIE4和NetscapeNavigator4)的行为以防止老站点无法工作。
浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。
如果XHTML文档包含形式完整的DOCTYPE,那么它一般以标准模式呈现。
对于HTML4.01文档,包含严格DTD 的DOCTYPE常常导致页面以标准模式呈现。
包含过渡DTD和URI 的DOCTYPE也导致页面以标准模式呈现,但是有过渡DTD而没有URI会导致页面以混杂模式呈现。
DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。
2.行内元素有哪些?块级元素有哪些?CSS的盒模型?行内元素有:abspanIbemimginputselectstrong块级元素有:divulollidldtddh1h2h3h4…p盒模型:marginborderpaddingwidth3.CSS引入的方式有哪些?link和@import的区别是?-1.使用LINK标签将样式规则写在.css的样式文件中,再以link标签引入。
ASP 浏览器扩展在各个版本浏览器中,文档对象模型都有其特殊的地方。
一般来说,每发布一个新版本的浏览器,浏览器厂商都会以各种方式扩展document对象,新版本修订了老版本的程序错误,同时添加了对象的属性、方法及事件处理程序等,不断扩充原有的功能。
当然,从新对象模型可以更快捷地执行更多任务的技术层面上来看,每次的浏览器版本更新绝对不是一件坏事,但不同浏览器的对象模型朝着不同方向发展,却给Web程序员将应用程序在不同浏览器之间移植方面带来了相当的难度,导致Web 应用程序的跨平台性较差。
下面讨论文档对象模型发展过程中主要浏览器版本的对象模型,特别强调各种版本的文档对象模型的新特性以及它们和常用编程任务之间的关系。
1.Netscape Navigator浏览器基本对象模型最先在NN2种获得支持,虽然功能很有限,这也为文档对象模型的发展奠定了坚实的基础。
在NN3中通过访问嵌入对象、Applet应用程序、插件等,使第一个简单、类似于DHTML的应用程序的出现成为可能,且脚本语言能访问更多的文档属性和方法。
表8-2中列出了NN9中的document对象新增的主要内容。
表8-2 NN3中document对象新增主要内容增内容图8-3 NN3中document对象新增内容NN9中增加的最重要对象就是image对象,可通过document.images得到文档的一个image数组,然后通过一下语句进行操作:images对象的大多数属性都是只读的,而src可读可写,典型应用是图片翻转在浏览器中打开该文件,如图8-4所示,当鼠标经过图片时,如图8-5所示。
图8-4 鼠标离开时图8-5 鼠标经过时2.Internet Explorer 浏览器IE3是IE家族较早支持文档对象模型的浏览器,其对象模型基于8.1.2节的基本对象模型,但是扩展了几个属性,如frame[]数组等。
IE3中对象模型如图8-6所示。
图8-6 IE3对象模型结构IE4时代,JavaScript脚本被广泛地运用于Web应用程序来实现网页的动态,同时它将每个HTML元素都表示为对象。
W3C validation有时难以操作,但⽤它你可以查看由版⾯设计引起的差错。
验证程序抛出⼤量差错和警告,说明你的XHTML 尚未完善,可能⽆法在不同浏览器上保持⼀致功能。
下⾯⼗个细微的失效问题难住了⼤批程序员,我们告诉你如何解决。
在本⽂开始前介绍⼀些使⽤W3C验证程序时需要注意的问题。
不要担⼼验证程序的警告——如果验证程序说发现12处错误以及83处警告,不要理它,继续进⾏下⼀步。
⼀次更正⼀个错误——按顺序进展⼯作,从上到下,⼀次修正⼀个错误。
HTML⽤浏览器从上到下浏览,这些错误也是按同样顺序显⽰。
每次修正代码后要刷新代码,使它们重新⽣效——⼀个⼩错误常常会引发之后整页的连串错误。
因此如果操作不当,“修正错误”也可能引发更多错误。
每次修正后使代码重新⽣效,这样就可以确保完全解决问题。
知道了上⾯这些基本的异常情况,下⾯我们就来看看版⾯设计⽆效的⼏个原因。
div 标签未关闭 这是版⾯设计失效的最常见原因之⼀。
当我们了解到这是多少精致的版块设计失效的罪魁祸⾸时,总会⼤吃⼀惊。
开启的div标签是最普遍的版块设计失误之⼀,也是最难诊断的失误之⼀。
验证程序有时会指向错误的开启div标签,诊断时就像⼤海捞针⼀样⿇烦。
⿇烦的embed标签 九⼗年代早期,Microsoft和Netscape的浏览器开始能够辨认⾮标准的独有字体。
遗憾的是这意味着W3C验证程序还不能识别某些关键HTML 标签,如“embed”,即使这些标签已经被⼴泛使⽤。
如果确实希望得到严格的DOCTYPE(⽂档类型)验证,就只能放弃嵌套。
如果同时想要⽣效的版⾯设计和嵌⼊式媒体,可以试试Flash Satay⽅法。
不当的DOCTYPE声明 不声明DOCTYPE,或者在⽂件开始错误声明DOCTYPE,也是⼀个常见错误。
根据⼀般经验,Strict DOCTYPE是⼤家追求的级验证。
Strict validation表明你的页能够在所有浏览器上都得到展⽰。
关于H5的20道⾯试题及答案1 DOCTYPE有什么作⽤?标准模式与混杂模式如何区分?它们有何意义?告诉浏览器使⽤哪个版本的HTML规范来渲染⽂档。
DOCTYPE不存在或形式不正确会导致HTML⽂档以混杂模式呈现。
标准模式(Standards mode)以浏览器⽀持的最⾼标准运⾏;混杂模式(Quirks mode)中页⾯是⼀种⽐较宽松的向后兼容的⽅式显⽰。
2 HTML5为什么只需要写?HTML5不基于SGML(Standard Generalized Markup Language 标准通⽤标记语⾔),因此不需要对DTD(DTD ⽂档类型定义)进⾏引⽤,但是需要DOCTYPE来规范浏览器⾏为。
HTML4.01基于SGML,所以需要引⽤DTD。
才能告知浏览器⽂档所使⽤的⽂档类型,如下:3 ⾏内元素有哪些?块级元素有哪些?空(void)元素有那些?⾏内元素:a span img input select块级元素:div ul ol li dl dt dd h1 p空元素:4 页⾯导⼊样式时,使⽤link和@import有什么区别?相同的地⽅,都是外部引⽤CSS⽅式,区别:link是xhtml标签,除了加载css外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSSlink引⽤CSS时候,页⾯载⼊时同时加载;@import需要在页⾯完全加载以后加载,⽽且@import被引⽤的CSS会等到引⽤它的CSS⽂件被加载完才加载link是xhtml标签,⽆兼容问题;@import是在css2.1提出来的,低版本的浏览器不⽀持link⽀持使⽤javascript控制去改变样式,⽽@import不⽀持link⽅式的样式的权重⾼于@import的权重import在html使⽤时候需要标签5 ⽆样式内容闪烁(FOUC)Flash of Unstyle Content@import导⼊CSS⽂件会等到⽂档加载完后再加载CSS样式表。
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/。
什么是DOCTYPE:DOCTYPE,或者称为 Document Type Declaration(文档类型声明,缩写 DTD)。
通常情况下,DOCTYPE 位于一个 HTML 文档的最前面的位置,位于根元素 HTML 的起始标签之前。
这样一来,在浏览器解析 HTML 文档正文之前就可以确定当前文档的类型,以决定其需要采用的渲染模式(不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本的解析)。
在写程序时我们也会经常遇到这样的问题,如何保证原来的接口不变,又提供更强大的功能,尤其是新功能不兼容旧功能时。
遇到这种问题时的一个常见做法是增加参数和分支,即当某个参数为真时,我们就使用新功能,而如果这个参数不为真时,就使用旧功能,这样就能不破坏原有的程序,又提供新功能。
IE6也是类似这样做的,它将DTD当成了这个“参数”,因为以前的页面大家都不会去写DTD,所以IE6就假定如果写了DTD,就意味着这个页面将采用对 CSS 支持更好的布局,而如果没有,则采用兼容之前的布局方式。
这就是Quirks模式(怪癖模式,诡异模式,怪异模式)。
DOCTYPE与各种模式的关系:混杂模式:不写DOCTYPE近似标准模式:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""/TR/html4/loose.dtd"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""/TR/html4/frameset.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN""/TR/xhtml1/DTD/xhtml1-frameset.dtd">标准模式:<!DOCTYPE html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""/TR/html4/strict.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""/TR/xhtml1/DTD/xhtml1-strict.dtd">我们可以看到,过渡型或框架型HTML声明与过渡型或框架型XHTML声明均可使浏览器进入近似标准模式,同时,html5的DOCTYPE声明和严格型HTML声明以及严格型XHTML声明则会使浏览器进入标准模式。
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>标签用于在页面中插入图像。
为什么DOCTYPE只⽤添加!DOCTYPEhtml就可以了DOCTYPE 是 document type (⽂档的类型)的缩写,在web中你要告诉浏览器你的XHTML或者HTML是⽤的什么版本,能够让浏览器根据你声明的版本来解析html⽂档,不写《!doctype》,你的标识和css都不会⽣效。
<!DOCTYPE>位于html第⼀⾏,他在HTML中的doctype有两个主要⽬的。
(1)对⽂档进⾏有效性验证。
他告诉⽤户代理和校验器这个⽂档是按照什么DTD写的。
这个动作是被动的,每次页⾯加载时,浏览器并不会下载DTD并检查合法性,只有当⼿动校验页⾯时才启⽤。
(2)决定浏览器的呈现模式对于实际操作,通知浏览器读取⽂档时⽤哪种算法。
如果没有写,则浏览器则根据⾃⾝的的规则对代码进⾏解析,可能严重影响html排版布局。
浏览器有三种⽅式解析HTML⽂档。
⾮怪异(标准)模式怪异模式部分怪异(近乎标准)模式HTML DOCTYPE⽂档类型举例说明HTML4.01⽂档过渡定义类型,此类型定义的⽂档可以使⽤HTML中的标签与元素包括⼀些不被W3C推荐的标签(例如:font、b等),不可以使⽤框架1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd">HTML4.01⽂档严格定义类型,此类型定义的⽂档可以使⽤HTML中的标签与元素,不能包含不被W3C推荐的标签(例如:font、b等),不可以使⽤框架1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "/TR/html4/strict.dtd">HTML4.01⽂档框架定义类型,此类型等同于HTML4.01⽂档过渡定义类型,但可以使⽤框架1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "/TR/html4/frameset.dtd">XHTML1.0⽂档过渡定义类型,此类型定义的⽂档可以使⽤HTML中的标签与元素包括⼀些不被W3C推荐的标签(例如:font、b等),不可以使⽤框架(推荐使⽤)1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">XHTML1.0⽂档严格定义类型,此类型定义的⽂档只可以使⽤HTML中定义的标签与元素,不能包含不被W3C推荐的标签(例如:font、b),不可以使⽤框架1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "/TR/xhtml1/DTD/xhtml1-strict.dtd">XHTML1.0⽂档框架定义类型,等同于XHTML1.0⽂档过渡定义类型,但可以使⽤框架1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "/TR/xhtml1/DTD/xhtml1-frameset.dtd">XHTML1.1⽂档严格定义类型,等同于XHTML1.0⽂档过渡定义类型1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "/TR/xhtml11/DTD/xhtml11.dtd">HTML5⽂档类型1<!DOCTYPE html><!DOCTYPE>的⽤法1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "/TR/xhtml1/DTD/xhtml1-strict.dtd">解析:在上⾯的声明中,声明了⽂档的根元素是 html,它在公共标识符被定义为 “-//W3C//DTD XHTML 1.0 Strict//EN” 的 DTD 中进⾏了定义。
四种浏览器对 document.body 的?clientHeight、offsetHeight 和 scrollHeight 的解释。
这四种浏览器分别为IE(Internet Explorer)、NS(Netscape)、Opera、FF(FireFox)。
clientHeight大家对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。
offsetHeightIE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。
scrollHeightIE、Opera 认为 scrollHeight 是网页内容实际高度,可以小于 clientHeight。
NS、FF 认为 scrollHeight 是网页内容高度,不过最小值是 clientHeight。
简单地说clientHeight 就是透过浏览器看内容的这个区域高度。
NS、FF 认为 offsetHeight 和 scrollHeight 都是网页内容高度,只不过当网页内容高度小于等于 clientHeight 时,scrollHeight 的值是 clientHeight,而 offsetHeight 可以小于 clientHeight。
IE、Opera 认为 offsetHeight 是可视区域?clientHeight 滚动条加边框。
scrollHeight 则是网页内容实际高度。
同理clientWidth、offsetWidth 和 scrollWidth 的解释与上面相同,只是把高度换成宽度即可。
但是FF 在不同的 DOCTYPE 中对 clientHeight 的解释不同, xhtml 1 trasitional 中则不是如上解释的。
DOCTYPE元素详解一.概述本文系统的讲解DOCTYPE元素.同时查证了很多的资料.因为互联网上面的资料比较杂乱,所以经过收集整理我进行了重新定义.比如对于DOCTYPE元素的定义.主要分为基础知识和高级知识.基础知识讲解基本的DOCTYPE知识. 高级知识很多来自网络收集, 主要是实际应用的一些技巧.二.定义DOCTYPE是文档类型(Document Type)的缩写, <!DOCTYPE> 元素用于声明一个页面的文档类型定义(Document Type Declaration, 即DTD).此元素声明位于文档中的最前面的位置,处于<html> 标签之前。
通过确认页面的DTD,可以同时确定页面使用哪种W3C规范(比如HTML 或XHTML 规范)。
三.W3C规范W3C规范的正确翻译应该为W3C推荐(W3C Recommendations).很多设计师的眼里W3C就是标准.但是许多人都是一知半解.下面列于了目前W3C规范中的HTML规范和XHTML规范,稍后会讲解HTML和XHTML的关系:W3C HTML 规范和时间线规范推荐HTML 3.21997年1月14日HTML 4.01998年5月24日HTML 4.011999年12月24日W3C XHTML 规范和时间线规范草案/提议推荐XHTML 1.02000 年1 月26 日XHTML 1.0 修订版2002 年8 月1 日XHTML 1.12001 年5 月31 日XHTML Modules2001 年4 月10 日XHTML Modules 1.12006 年7 月5 日XHTML Basic2000 年12 月19 日XHTML Basic 1.12006 年7 月5 日XHTML Events2003 年10 月14 日XHTML Events 22007 年2 月16 日XHTML Print2006 年9 月20 日XHTML Media Types 2002 年8 月1 日XForms 1.02003 年10 月14 日XForms 1.0 (SE)2006 年3 月14 日XForms 1.12007 年2 月22 日XHTML 2.02006 年7 月26 日XLink2001 年6 月27 日HLink 2002 年9 月13 日XHTML可以看成是最新的HTML规范, 是一项可从HTML 4.01 平稳迁移的XML 应用。
Doctype严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?Doctype:(Document Type)⽂档类型,它位于⽂档中最前⾯的位置,处于标签之前。
如果你想制作符合标准的页⾯,⼀个必不可少的关键组成部分就是DOCTYPE的声明。
确定了正确的Doctype,xhtml⾥⾯的标识和css才能正常⽣效(也就是说它会很负责地告诉浏览器怎么解释你的这个标签和你写的css)。
既然它是⼀种声明,它的责任就是告诉浏览器⽂档使⽤哪种html或者xhtml规范。
为了获取正确的Doctype声明,关键就是让dtd与⽂档所遵循的标准对应。
例如:假定⽂档遵循的是xhtml 1.0 strict,那么⽂档的Doctype声明就应该是相应的dtd,如果Doctype声明指定的是xhtml dtd,但⽂档包含的依旧是html标记就是不恰当的。
类似的,如果⽂档包含的是xhtml 1.0 strict标记,但是Doctype声明指定是html dtd也是不恰当的。
⼀、选择什么样的DOCTYPE? xhtml 1.0中有3种dtd声明可以选择,过渡性的(Transitional)、严格的(Strict)、框架的(Frameset)。
下⾯我们来分别介绍: 1、过渡的:⼀种要求不很严格的,允许在html中使⽤html 4.01的标识(符合xhtml语法标准),过渡的dtd写法如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2、严格的:⼀种要求严格的dtd,不允许使⽤任何表现层的标识和属性,严格的dtd写法如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3、框架的:⼀种专门针对框架页⾯所使⽤的dtd,当页⾯中含有框架元素时,就要采⽤这种dtd,写法如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-frameset.dtd"> PS:使⽤严格的dtd来制作页⾯当然是最理想的⽅式,但是对于还没有深⼊了解web标准的⽹页设计者,⽐较适合⽤过渡的dtd,因为这种dtd还允许使⽤表现层的标识、元素和属性,⽐较适合⼤多数的⽹页制作⼈员(当然量⼒⽽为了!)⼆、什么是标准模式与混杂模式?不同⽂档模式主要影响CSS内容的呈现,尤其是浏览器对盒模型的解析,但在某些情况下也会影响到JavaScript的解释执⾏。
一.doctype翻译
doctype翻译为“文档类型”。
DOCTYPE是documenttype的简写,它的主要作用是在web设计中用来说明你用的XHTML或者HTML是哪个版本。
想要建立符合标准的网页,那么DOCTYPE声明是必不可少的一部分。
电脑使用技巧:1.电脑无法开机--笔记本电脑无法开机时,此时建议您拆除电脑电池以及电源线,然后重复按下电源键10次,之后再次连接电源并尝试开启电脑。
如果电脑依旧不能开机,那么请携带着电脑前往电脑店进行维修。
2、软件自动关闭--软件会自动关闭,多半是系统运行问题。
当您的电脑安装完操作系统以后,请不要使用安全管理软件扫描高危漏洞,更不要修复高危漏洞,因为软件修复高危漏洞的时候会调整电脑中的部分设置,甚至将部分文件识别为危险文件并将其删除,这样软件就容易出问题。
3、调节屏幕亮度--首先点击左下角的“Windows”按钮,在弹出的菜单中点击“控制面板”选项,然后点击“电源选项”按钮,进入后点击“平衡”模式后面的“更改计划设置”按钮,之后就能看到“调整计划亮度”一栏,左右划动就可以调整电脑屏幕的亮度。
前端三剑客了解⼀、HTML1、标记语⾔标记语⾔为⾮编程语⾔,不具备编程语⾔具备的程序逻辑2、html为前端页⾯的主体,由标签、指令与转义字符(实体)等组成标签:被尖括号包裹,由字母开头包含合法字符的,可以被浏览器解析的标记。
eg:系统标签,⾃定义标签指令:被尖括号包裹,由!开头的标记。
eg:<!doctype html> <!-- -->转义字符:被&与;包裹的特殊字母组合或#开头的⼗进制数。
eg:< > v_hint:转义字符3、html发展史代表版本① html1:在1993年6⽉作为互联⽹⼯程⼯作⼩组(IETF)⼯作草案发布(并⾮标准)② html2:1995年11⽉作为RFC 1866发布,在RFC 2854于2000年6⽉发布之后被宣布已经过时③ html3.2:1997年1⽉14⽇,W3C推荐标准④ html4.0:1997年12⽉18⽇,W3C推荐标准⑤ html4.01(微⼩改进):1999年12⽉24⽇,W3C推荐标准⑤ html5:2014年10⽉28⽇,W3C推荐标准(h5草案的前⾝名为Web Applications 1.0。
于2004年被WHATWG提出,于2007年被W3C接纳,并成⽴了新的HTML⼯作团队。
在2008年1⽉22⽇,第⼀份正式草案发布。
)4、⽂档类型<!-- 标签语法规范 --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "/TR/html4/strict.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!DOCTYPE html>⼆、CSS1、标记语⾔标记语⾔为⾮编程语⾔,不具备编程语⾔具备的程序逻辑2、css为前端页⾯的样式,由选择器、作⽤域与样式块组成选择器:由标签、类、id单独或组合出现作⽤域:⼀组⼤括号包含的区域样式块:满⾜css连接语法的众多样式3、css发展史代表版本① 1990年,Tim Berners-Lee和Robert Cailliau共同发明了Web。
!DOCTYPEhtml到底是什么意思?<!DOCTYPE html> 到底是什么意思?什么是<!DOCTYPE html>?在HTML⽂档初,往往会有这么⼀句话<!DOCTYPE html>,那么它的意义是什么呢?它是html5标准⽹页声明,全称为Document Type HyperText Mark-up Language,意思为⽂档种类为超⽂本标记性语⾔或超⽂本链接标⽰语⾔,现在是这个简洁形式,⽀持html5标准的主流浏览器都认识这个声明。
表⽰⽹页采⽤html5,<!DOCTYPE> 声明位于⽂档中的最前⾯的位置,处于 <html> 标签之前。
此标签可告知浏览器⽂档使⽤哪种 HTML 或 XHTML 规范。
这个标签可声明三种 DTD 类型,分别表⽰严格版本、过渡版本以及基于框架的 HTML ⽂档。
public 这⾏声明了⽂档的根元素是 html,它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0Strict//EN" 的 DTD 中进⾏了定义。
浏览器将明⽩如何寻找匹配此公共标识符的 DTD。
如果找不到,浏览器将使⽤公共标识符后⾯的URL 作为寻找 DTD 的位置。
<!DOCTYPE html>的重要性?1作⽤:声明⽂档的解析类型(patMode),避免浏览器的怪异模式。
patMode:BackCompat:怪异模式,浏览器使⽤⾃⼰的怪异模式解析渲染页⾯。
CSS1Compat:标准模式,浏览器使⽤W3C的标准解析渲染页⾯。
这个属性会被浏览器识别并使⽤,但是如果你的页⾯没有DOCTYPE的声明,那么compatMode默认就是BackCompat,这也就是恶魔的开始 -- 浏览器按照⾃⼰的⽅式解析渲染页⾯,那么,在不同的浏览器就会显⽰不同的样式。
如果你的页⾯添加了<!DOCTYPE html>那么,那么就等同于开启了标准模式,那么浏览器就得⽼⽼实实的按照W3C的标准解析渲染页⾯,这样⼀来,你的页⾯在所有的浏览器⾥显⽰的就都是⼀个样⼦了。
<!DOCTYPE NETSCAPE-Bookmark-file-1><!-- This is an automatically generated file.It will be read and overwritten.Do Not Edit! --><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"><TITLE>Bookmarks</TITLE><H1>Bookmarks</H1><DL><p><DT><H3 FOLDED ADD_DATE="1325350562" FAV_POS="6">链接</H3><DL><p><DT><H3 FOLDED ADD_DATE="1325350562" FAV_POS="9">新文件夹86</H3><DL><p><DT><H3 FOLDED ADD_DATE="1325350562" FAV_POS="1">新文件夹</H3><DL><p><DT><AHREF="/resbox/en/Windows%207/main/0d27f605-72ad -4ed8-b417-d90027a980c0_5.jpg" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="1" >Windows 桌面背景(壁纸) - Windows 下载 - Microsoft Windows</A><DT><A HREF="/" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="2" >360安全网址导航_安全上网从360开始</A></DL><p></DL><p><DT><A HREF="/cn/addons/default.aspx#" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="1" >建议网站</A><DT><A HREF="/cn/addons/default.aspx#" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="2" >360网址导航</A><DT><A HREF="/cn/addons/default.aspx#" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="3" >360小游戏</A><DT><A HREF="/" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="4" >凤凰网</A><DT><A HREF="/cn/addons/default.aspx#" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="5" >360电影_最新最全的免费在线电影</A><DT><A HREF="/hot/rank/rank/day/display/pic" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="6" >我喜欢</A><DT><A HREF="/cn/addons/default.aspx#" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562"LOVEFAV="0" FAV_POS="7" >网页快讯库</A><DT><A HREF="/gp/ie8_browserDetect" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="8" >喜之郎的主页</A><DT><A HREF="file:///C:/WINDOWS/Web/printers/images/6dh_com%5B1%5D.htm" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="10" >6dh_com[1].htm</A></DL><p><DT><H3 FOLDED ADD_DATE="1325350562" FAV_POS="7">Microsoft 网站</H3><DL><p><DT><H3 FOLDED ADD_DATE="1325350562" FAV_POS="2">新文件夹</H3><DL><p></DL><p><DT><A HREF="/fwlink/?linkid=140813" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="1" >Microsoft 商店</A><DT><A HREF="/" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="3" >360网址导航</A></DL><p><DT><H3 FOLDED ADD_DATE="1325350562" FAV_POS="18">新建文件夹</H3><DL><p></DL><p><DT><H3 FOLDED ADD_DATE="1325350562" FAV_POS="19">新文件夹</H3><DL><p><DT><A HREF="/" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="1" >百度一下,你就知道</A></DL><p><DT><H3 FOLDED ADD_DATE="1325350562" FAV_POS="25">44</H3><DL><p><DT><H3 FOLDED ADD_DATE="1325350562" FAV_POS="2">新文件夹</H3><DL><p></DL><p><DT><A HREF="file:///D:/我的文档/6dh_com%5B1%5D.htm" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="1" >6dh_com[1].htm</A></DL><p><DT><A HREF="/" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="1" >360网址导航</A><DT><A HREF="/cn/addons/default.aspx#" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="2" >网址大全</A><DT><A HREF="/cn/addons/default.aspx#"ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="3" >谷歌</A><DT><A HREF="/cn/addons/default.aspx#" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="4" >游戏中心</A><DT><A HREF="/cn/addons/default.aspx#" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="5" >QQ音乐</A><DT><A HREF="/" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="8" >360安全浏览器</A><DT><A HREF="/" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="9" >360论坛</A><DT><A HREF="/" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="10" >360个人中心</A><DT><A HREF="/cn/addons/default.aspx#" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="11" >360游戏</A><DT><A HREF="/" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="12" >微软</A><DT><A HREF="/" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="13" >3366游戏</A><DT><A HREF="https:///" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="14" >QQ邮箱</A><DT><A HREF="/" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="15" >百度</A><DT><A HREF="/cn/addons/default.aspx#" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="16" >百度视频搜索</A><DT><A HREF="/cn/addons/default.aspx#" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="17" >百度贴吧</A><DT><A HREF="/" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="20" >必应搜索</A><DT><A HREF="/" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="21" >QQ 空间</A><DT><A HREF="/" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="22" >360</A><DT><A HREF="/" ADD_DATE="1325350562" LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="23" >拍拍网</A><DT><A HREF="/myfav?q=124250856" ADD_DATE="1325350562"LAST_VISIT="1325350562" LAST_MODIFIED="1325350562" LOVEFAV="0" FAV_POS="24" >360网络收藏夹</A></DL><p>。