doctype 浏览器模式详解

 

模式
 
怪癖模式（Quirks Mode）
怪癖模式中，为了避免“破坏”那些根据盛行于20世纪90年代末的旧时实践创作的页面，浏览器违背了当代的Web格式规范。不同的浏览器实现了不同的怪癖行为。Internet Explorer6、7和8中，怪癖模式有效地冻结在IE5.5 。其他浏览器中，怪癖模式是对几乎标准模式的少量偏移。
如果正在创作新网页，你应该符合相关的规范（特别是CSS2.1）且使用标准模式。
 
标准模式（Standards Mode）
标准模式中，浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。
不同的浏览器遵循不同的阶段，所以标准模式也不是一个单一目标。
HTML5把这种模式叫“非怪癖模式（no quirks mode）”
 
几乎标准模式（Almost Standards Mode）
irefox、Safari、Chrome、Opera(从7.5开始)和IE8也有个叫“几乎标准模式”的模式，它按照传统的做法来实现表格单元格的垂直尺寸而不是严格的遵照CSS2规范。Mac IE5、Windows IE6和7、Opera7.5以前版本和Konqueror无需几乎标准模式，因为它们至少没有在各自的标准模式下严格遵循CSS2规范来实现表格单元格垂直尺寸。实际上，它们的标准模式更接近Mozilla的几乎标准模式而不是Mozilla的标准模式。
HTML5把这种模式叫着“受限怪癖模式(limited quirks mode)”。
 
IE7模式
IE8有个模式主要是冻结了IE7标准模式的副本。其他浏览器没有像这样的模式，且该模式也未被HTML5指定。
 

选择doctype

标准模式，最前沿的验证

<!DOCTYPE html>
如果想 验证诸如 <video>、 <canvas>和ARIA这样的新特性，那么这样做是对的。注意，HTML5的有效定义依旧在变化中，请确保在Firefox、Safari、Chrome、Opera9或Opera10中测试图像
对齐。在Internet Explorer中测试图像对齐是不足够的，无论如何请确保在IE8中也进行了测试。
 

标准模式，更稳定的验证目标

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
        这个doctype也会触发标准模式，且10岁大的HTML4.01有效定义是稳定的。请确保在Firefox、Safari、Chrome、 Opera9或Opera10中测试图像对齐。
        在Internet Explorer中测试图像对齐是不足够的，无论如何请确保在IE8中也进行了测试。
 
要使用标准模式，但仍要验证不推荐标记或在表格布局中使用切片图像且不想去修复它们。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
它会触发几乎标准模式（和老掉牙的Mozilla中的完全标准模式full Standards mode）。请注意，如果以后移植到HTML5上，基于利用表格实现的切片图像的布局可能会 被破坏（且完整标准模式也如此）。
 
故意要使用怪癖模式
没有doctype。
请别这样做。故意为怪癖模式所做的设计将会困扰你，在将来你的同事或继任者甚至没有人关心Windows IE6（Netscape4.x和IE5已经没有人关心了）。为怪癖模式设计是个坏主意。相信我。
如果你想依旧支持Windows IE6，对它做一个特别的hack使用 条件注释比使其他浏览器退步到怪癖模式好。

不推荐任何的XHTML doctype，因为XHTML被用作text/html被认为是有害的。无论如何，如果你选择使用XHTML doctype，请注意XML声明会使IE6（但不是IE7！）触发怪癖模式。

IE8 并发症

IE8有4种模式：IE5.5怪癖模式、IE7标准模式、IE8 几乎标准模式 和IE8标准模式。

模式的选择取决于来自几个方面的数据：doctype、meta元素、HTTP头、来自微软的定期下载数据、局域网域、用户所做设置、局域网管理员所做设置、父框架的模式（如果有）和地址栏兼容视图按钮被用户触发。（对于嵌入该引擎的其他应用，模式也取决于嵌入的应用。）

幸运的是如果出现下列情况，IE8大体上会像其他浏览器一样使用doctype嗅探：

  • 作者没有设置X-UA-Compatible HTTP头
  • 作者没有设置X-UA-Compatible meta标签
  • 微软没有在黑名单中放置该站点的域名
  • 局域网管理员没有把该站点放置到黑名单上
  • 用户没有按下兼容视图按钮（Compatibility View button） (或以其他方式添加到某个特定的用户黑名单中)
  • 该站点不在局域网域中
  • 用户没有选择在IE7中显示所有站点
  • 页面没有通过frame嵌入到兼容模式的页面中

上述除两个关于X-UA-Compatible的情况外，IE8像IE7一样执行doctype嗅探。IE7仿真（ IE7 emulation）叫兼容视图。

在 X-UA-Compatible 情况下，IE8的行为和其他浏览器完全不同。

下面的简单指南是针对已经有doctype在其他浏览器触发标准模式或者几乎标准模式的新的text/html文档如何选择X-UA-Compatible HTTP头或meta标签的：

你的域名没有在微软的黑名单上
你不需要包括X-UA-Compatible HTTP头或meta标签。
你的域名在微软的黑名单中
在你的页面包含后面的meta元素（它在HTML5中是非法的） <meta http-equiv="X-UA-Compatible" content="IE=Edge"> （在任何脚本元素前），或者设置后面的HTTP头：X-UA-Compatible: IE=Edge
你的站点在IE7中工作但在IE8中破坏
在你的页面包含后面的meta元素（它在HTML5中是非法的） （在任何脚本元素前），或者设置后面的HTTP头： X-UA-Compatible: IE=EmulateIE7，然后修复你的站点不依赖非标准的IE7行为和迁移到IE=Edge。

 IE8的模式选择流程

开始进入:
X-UA-Compatible meta?
IE=7：使用IE7标准
IE=EmulateIE7: 进入“怪癖或无doctype?(兼容模式)”
IE=IE8 或 IE=IE7 或 IE=a 或 IE=EmulateIE8 或没有或首先出现 script：进入”X-UA-Compatible HTTP头?”
IE=8 或 IE=Edge 或 IE=99 或 IE=9.9：进入“几乎标准模式?”
IE=5：使用怪癖模式（IE5.5）
X-UA-Compatible HTTP头?
IE=7：使用IE7标准模式
IE=EmulateIE7：进入“怪癖或无doctype？（兼容模式）”
IE=IE8 或 IE=IE7 或 IE=a 或 IE=EmulateIE8 或没有：进入“显示所有站点…预设置？”
IE=8 或 IE=Edge 或 IE=99 或 IE=9.9：进入“几乎标准模式？”
IE=5：使用怪癖模式（IE5.5）
怪癖模式或无doctype?(兼容模式)
是：使用怪癖模式（IE5.5）
否：使用IE7标准模式
显示所有站点…预设置？
是：进入“怪癖模式或无doctype?(兼容模式)”
否：进入“显示局域网站点…预设置？”
显示局域网站点…预设置？
是：进入“站点位于局域网域？”
否：进入“域名在微软维护的名单上？”
域名在微软维护的名单上？
是：进入“怪癖模式或无doctype?(兼容模式)”
否：进入“被兼容模式页面用Frame嵌入？”
被兼容模式页面用Frame嵌入？
是：进入“怪癖模式或无doctype?(兼容模式)”
否：进入“按下了兼容模式按钮？”
按下了兼容模式按钮？
是：进入“怪癖模式或无doctype?(兼容模式)”
否：进入“怪癖模式或无doctype?(IE8)”
怪癖模式或无doctype?(IE8)
是：进入“使用怪癖模式（IE5.5）”
否：进入“几乎标准模式？”
几乎标准模式？
是：使用IE8几乎标准模式
否：使用IE8标准模式

doctype的处理方式 

Doctype NS6 Old Moz Moz & Safari & Opera10 & HTML5 Opera9.0 IE8 & Opera9.5 IE7 & Opera7.10 IE6 & Opera7.0 Mac IE5 Konq3.2
None Q Q Q Q Q Q Q Q Q
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 3.2 Final//EN”> Q Q Q Q Q Q Q Q Q
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0//EN”> S S S S S A A A A
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”> S S S S S A A Q A
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0//EN”
“http://www.w3.org/TR/html4/strict.dtd”> 		S S S S S A A A A
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”> 		S S S S S A A A A
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”> Q Q Q Q Q Q Q Q Q
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”> Q Q Q Q Q Q Q Q Q
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”> 		S S A A A A A A Q
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd”>

 

 Q S A A A A A A Q
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”> 		Q Q Q Q A A A A Q
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”> S S S S S A A A A
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML Basic 1.0//EN” “http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd”> S S S S S A A A A
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> S S S S S A A A A
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 		S S A A A A A A Q
<?xml version=”1.0″ encoding=”UTF-8″?> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”> S S S S S A Q A Q
<?xml version=”1.0″ encoding=”UTF-8″?> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML Basic 1.0//EN” “http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd”> S S S S S A Q A Q
<?xml
version=”1.0″ encoding=”UTF-8″?> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> 		S S S S S A Q A Q
<?xml
version=”1.0″ encoding=”UTF-8″?> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

 

 S S A A A A Q A Q
<!DOCTYPE HTML PUBLIC “ISO/IEC 15445:2000//DTD HTML//EN”> Q S S Q Q Q Q Q Q
<!DOCTYPE HTML PUBLIC “ISO/IEC 15445:2000//DTD HyperText Markup
Language//EN”> 		Q S S S S A A A Q
<!DOCTYPE HTML PUBLIC “ISO/IEC 15445:1999//DTD HTML//EN”> S S S Q Q Q Q Q Q
<!DOCTYPE HTML PUBLIC “ISO/IEC 15445:1999//DTD HyperText Markup
Language//EN”> 		S S S S S A A A Q
<!DOCTYPE html> Q S S S S A A A

 

你可能感兴趣的:(DOCTYPE)

  • HTML＜!DOCTYPE＞声明 新生派 html前端javascript
    例子TitleofthedocumentThecontentofthedocument......定义和用法所有HTML文档都必须以声明开始。声明不是HTML标签。它是向浏览器提供的有关预期文档类型的“信息”。在HTML5中，声明很简单：浏览器支持较旧的HTML文档在较旧的文档（HTML4或XHTML）中，声明更为复杂，因为声明必须引用DTD（文档类型定义）。HTML4.01：XHTML1.1：提
  • HTML专题之DOCTYPE 前端html5html
    前言石匠敲击石头的第1次有一道经典的前端面试题：DOCTYPE是什么？这个问题在网上一搜有很多相关的文章，如果让我自己回答竟然让我脑子里一片空白，我的印象里加了就表示这个网页的版本是HTML5，但是这样的回答在面试时肯定是不行的，看了很多网上的文章，决定写一篇文章来梳理一下，第一次写文章，如果有哪里讲的不对或者不完整，欢迎大家指出错误。DOCTYPE是什么DOCTYPE翻译成中文的话表示“文档类型
  • 大前端面试题集锦——HTML篇 Midshar.top 前端html
    HTML篇1.什么是DOCTYPE,有何作用?DOCTYPE是用来声明HTML文档应当使用哪种版本来进行解析如果不使用DOCTYPE告知浏览器应当使用哪种版本解析文档,那么浏览器将会开启最大兼容模式来解析文档,一般称为怪异模式.在怪异模式下,可能会产生一些预想不到的bug2.说说对HTML语义化的理解?HTML的语义化指的是在合适的地方使用合适的标签,让人能够根据标签进而大致知晓标签内容语义化使得
  • 350页前端校招面试题直击大厂：前端基础、前端核心、计算机基础、项目、Hr面 2401_86400095 前端
    **1.HTML2.CSS3.前端基础4.前端核心5.前端进阶6.移动端开发7.计算机基础8.算法与数据结构9.设计模式10.项目11.职业发展12.Hr面**正文HTML1.浏览器页面有哪三层构成，分别是什么，作用是什么?2.HTML5的优点与缺点？3.Doctype作用?严格模式与混杂模式如何区分？它们有何意义?4.HTML5有哪些新特性、移除了哪些元素？5.你做的网页在哪些浏览器测试过,这些
  • HTML标签大合集入门指南 稿子不爱 前端html
    欢迎来到HTML标签的入门指南！在这里，我们将通过一种结构化的方式来介绍HTML的基本标签和它们的用法。无论你是新手还是想要回顾基础知识，这篇文章都将为你提供有用的信息。HTML文档结构在开始编写HTML文档之前，我们需要了解其基本结构。网页的基本结构HTML标签大合集入门欢迎来到HTML标签大合集入门指南DOCTYPE:是声明页面标准的标签。html:主文档标签。head:包含页面的头部信息，如
  • 【HTML】DOCTYPE作用 全宇宙最最帅气的哆啦A梦小怪兽 html前端
    DOCTYPE是documenttype（文档类型）的缩写。是HTML5中一种标准通用标记语言的文档类型声明，告诉浏览器文档的类型，便于解析文档。不同渲染模式会影响浏览器对CSS代码甚至JS脚本的解析。它必须声明在第一行。DOCTYPE不存在或者形式不正确会导致HTML或XHTML文档以混杂模式呈现，就是把如何渲染html页面的权利交给浏览器。有多少浏览器就会有多少种展示方式，因此要提高浏览器兼容
  • 前端基础部分习题 琼花霰 htmlcssjsvue小程序
    1/HTML1.DOCTYPE的作用是什么？标准模式与兼容模式各有什么区别?声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。!DOCTYPE是一种标准通用标记语言的文档类型声明，它的目的是要告诉浏览器它应该使用什么样的文档类型定义（DTD）来解析文档。标准模式，浏览器按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。标准模式
  • 2024前端面试准备之HTML篇 前端fighter 前端面试html
    全文链接1.doctype的作用是什么DOCTYPE是html5标准网页声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个⽂档，不同的渲染模式会影响到浏览器对于CSS代码甚⾄JavaScript脚本的解析⽂档解析类型有：BackCompat：怪异模式，浏览器使⽤⾃⼰的怪异模式解析渲染⻚⾯。（如果没有声明DOCTYPE，默认就是这个模式）CSS1Compat：标准模式
  • 2019-03-24 xyxzs3
    标准盒模型和怪异盒模型的区别及box-sizing的使用场景CSS中Boxmodel是分为两种::W3C标准和IE标准盒子模型。大多数浏览器采用W3C标准模型，而IE中则采用Microsoft自己的标准。怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”，怪异模式主要表现在IE内核的浏览器。当不对doctype进行定义时，会触发怪异模式。在标准模式下，一个块的总宽度=width+
  • doctype是什么,举例常见doctype及特点 兔子不打地鼠打代码
    doctype是什么?1.位置：声明必须处于HTML文档的头部，在标签之前，HTML5中不区分其大小写2.指令：声明不是一个HTML标签，是一个用于告诉浏览器当前HTML版本的指令3.决定渲染模式：现代浏览器的html布局引擎通过检查doctype决定使用兼容模式还是标准模式对文档进行渲染，一些浏览器有一个接近标准模型。在HTML4.01中声明指向一个DTD(文档类型定义)，由于HTML4.01基
  • Web前端常见面试题 蓑衣居士 html+cssweb大前端html+css
    Web前端常见面试题1,是什么？有什么作用？决定浏览器渲染方式：告知浏览器当前的HTML或XML文档是哪一个版本.Doctype是一条声明,而不是一个标签;也可以把它叫做“文档类型声明”,或简称为"DTD".：用HTML5的doctype声明文件包含HTML5标记2,什么是语义化？语义化的作用？简单讲就是根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的
  • 网页前端学习-03 Leoma_ 前端学习笔记前端学习html网络
    HTML基础知识021.vscode书写骨架里些许代码的解释666①、这一行指令可以理解为不是html代码的部分，它充当的作用是告诉浏览器我们需要书写的html版本，如上述代码第一行则代表的是我们要书写的是html5这个版本，DOCTYPE是文档类型声明标签。②、用来强调是中文网站还是英文网站，en代表英文的缩写，zh-CN指的是中文。③、charset是字符集的含义，后面的utf-8是万国码，这
  • HTML面试题 MissXu666 前端面经&面试题html前端
    1、DOCTYPE是什么，有什么作用DOCTYPE一般放在文档的开头，告诉浏览器页面使用的HTML或XHTML的版本，让浏览器按照相应的规则解析页面。如果不写DOCTYPE，那么浏览器会按照自己的规则解析页面，这不利于维护网页的兼容性2、XML、HTML、XHTML的区别xml可拓展标记语言，主要用于数据和结构存储，曾用于数据传输，现在已经被JSON数据取代html超文本标记语言，语法较为松散xh
  • 学习前端之HTML5中的`＜!DOCTYPE＞`声明有什么意义 洛洛31 前端html5前端html
    HTML5中的``声明是用来告诉浏览器当前页面使用的是哪个HTML版本。它在HTML文档的最开始位置，放在``标签之前。``声明的意义是：1.确定浏览器使用正确的解析模式：不同版本的HTML有不同的解析规则，浏览器可以根据声明来选择使用适当的解析模式来渲染页面。2.提供给浏览器和开发者的信息：``声明中的具体值可以告诉浏览器和开发者当前页面所使用的HTML规范和版本。3.保证页面的向后兼容性：通过
  • 前端面试HTML常考问题总结 turbo夏日漱石 前端前端面试前端html
    目录标签head，body，！Doctype的作用分别是什么？!DOCTYPE（文档类型）标签：head：body:H5新特性伪类和伪元素伪类：伪元素：html5语义化标签常用语义化标签：其它语义化标签：语义化标签优点：src和href的区别src（同步加载执行）href（异步加载执行）script标签中defer和async的区别行内元素有哪些？块级元素有哪些？空(void)元素有那些？标签he
  • HTML基础 什么时间能闲下来打篮球啊 JavaWebhtml前端
    HTMLHyperTextMarkupLanguage（超文本标记语言）超文本：文字、图片、音频、视频、动画等（不需要Flash）标签等成对的标签，分别叫开发标签和闭合标签。单独呈现的标签（空元素），如，用/来关闭空元素，叫自闭合标签其他内容DOCTYPE：告诉浏览器，我们需要使用什么规范，默认也是htmlhead标签：代表网页头部body标签：代表网页主体title：网页标题meta：描述性标签
  • HTML CSS xmind总结 .冯上 HTMLCSS总结htmlcsscss3html5经验分享
    HTMLCSSHTML【第1章初识HTML】基本骨架-!DOCTYPE：声明文档类型供浏览器解读-html：HTML标签-lang：语言，定义语言为英语：en，中文：zh-CN-head：文档的头部-base-可以统一添加属性--meta：charset-字符集是多个字符的集合。-计算机要准确处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。-utf-8包含全世界所有国家需要
  • 前端经典面试题 hao_0413 Vuejavascriptes6javascript前端
    第一章面试题基础篇1.1HTML面试题面试题：Doctype作用?严格模式与混杂模式如何区分？它们有何意义?（1）、声明位于文档中的最前面，处于标签之前。告知浏览器以何种模式来渲染文档。（2）、严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。（4）、DOCTYPE不存在或格式不正确会导致文档以
  • DTD 零下的雨
    DTD（文档类型定义）的作用是定义XML文档的合法构建模块。它使用一系列的合法元素来定义文档结构XSD是结构定义，DTD是文档类型定义，都是用xml格式写的。文档类型定义（DTD）可定义合法的XML文档构建模块。它使用一系列合法的元素来定义文档的结构。DTD可被成行地声明于XML文档中，也可作为一个外部引用。内部的DOCTYPE声明假如DTD被包含在您的XML源文件中，它应当通过下面的语法包装在一
  • 浏览器渲染机制触发重排和重绘 前端_酒館
    什么是Doctype及作用？DTD（documenttypedefinition，文档类型定义）是一系列的语法规则，用来定义XML或（X）HTML的文件类型。浏览器会使用它来判断文档类型，决定使用何种协议来解析，以及切换浏览器模式；DOCTYPE是用来声明文档类型和DTD规范的，一个主要的用途便是文件的合法性验证。如果文件代码不合法，那么浏览器解析时便会出一些差错；HTML4.01有个严格模式和传
  • Html5 复习笔记 来学睡无钱 笔记html5前端
    01_DOCTYPEDOCTYPE，或者称为DocumentTypeDeclaration（文档类型声明，缩写DTD）通常情况下，DOCTYPE位于一个HTML文档的最前面的位置，位于根元素HTML的起始标签之前。浏览器必须在解析HTML文档正文之前就确定当前文档的类型，以决定其需要采用的渲染模式，不同的渲染模式会影响到浏览器对于CSS代码甚至JavaScript脚本的解析到目前为止，各浏览器主要
  • ChatGPT给出的前端面试考点（html+css+JS） 正宗咸豆花 前端面试html
    ChatGPT给出的前端面试考点（html+css+JS）HTMLHTML是什么，它的主要作用是什么？什么是DOCTYPE，为什么在HTML文档中使用它？HTML5相对于之前的HTML版本有哪些主要的新特性？解释语义化HTML的概念。为什么要使用语义化标签？如何在HTML中嵌入JavaScript和CSS？什么是表单，如何在HTML中创建一个表单？什么是响应式图片，如何在HTML中实现？解释HTM
  • 标准CSS盒子模型和ie低版本盒子模型的区别 vivianXIa
    两种模型1：标准盒子模型（w3c盒子模型）宽度=内容+边框+margin+padding2：怪异盒子模型（ie盒子模型）IE8及其以下版本浏览器，未声明DOCTYPE，内容宽高会包含内填充和边框，称为怪异盒模型(IE盒模型)宽度=内容(已经包含了border和padding)+margin盒模型组成：content,border,margin,padding标准浏览器可以通过设置box-sizin
  • 重学前端 h多大 / 网页内容（html，body，head）/ element.style（第一天） PBitW 重学前端1HTMLhtmlelement.stylehtml页面内容详解DOCTYPE详解html浏览器详解
    文章目录一、p和h注意：二、网页的内容htmlbodyheadelement.style一、p和h菜鸟突发奇想看了一下h1，h2，h3相当于p标签的什么？h1=加粗+32pxh2=加粗+24pxh3=加粗+18.5px你们可以在自己的浏览器运行看看：Document我的第一个标题我的第一个标题我的第二个标题我的第二个标题我的第三个标题我的第三个标题注意：二、网页的内容标签DOCTYPE声明了文档类
  • 移动端淘宝授权 花铛 移动端移动端
    文档地址：https://open.m.taobao.com/doc.htm?spm=a219a.7386653.0.0.c549669anDR2sm#?treeId=420&docId=105590&docType=1&platformId=12。拼接用户授权需要访问的url：https://oauth.taobao.com/authorize?response_type=code&client
  • HTML笔记 Code6E htmlhtml前端
    目录网站与网页Web标准第一个前端程序两步完成一个网页程序HTML5简介与基础骨架HTML5介绍HTML5的DOCTYPE声明HTML5基本骨架html标签head标签body标签title标签meta标签标签之标题标题介绍与应用标签之段落、换行、水平线标签之段落换行水平线``与``目录文件夹和根目录标签之图片网站中最多的元素图片路径详解绝对路径相对路径网络路径标签之超文本链接超链接描述超链接属性
  • 前端面试题集合四（html） 啃火龙果的兔子 web面试HTML前端html
    HTML面试知识点总结本部分主要是笔者在复习HTML相关知识和一些相关面试题时所做的笔记，如果出现错误，希望大家指出！目录1.DOCTYPE的作用是什么？2.标准模式与兼容模式各有什么区别？3.HTML5为什么只需要写，而不需要引入DTD？4.SGML、HTML、XML和XHTML的区别？5.DTD介绍6.行内元素定义7.块级元素定义8.行内元素与块级元素的区别？9.HTML5元素的分类10.空元
  • 01-03常用标签 Zyangxsir html
    HTML入门DOCTYPE常用标签表格table表单formHTML入门软件大致分为两种：CS架构软件和BS架构的软件C/S和B/SC/S架构是指客户端/服务器【Client/Server】架构，桌面应用程序采用的多是这种结构，比如我们使用的QQ、Foxmail等B/S结构是浏览器/服务器【Browser/Server】的简称，通过浏览器就可以访问，比如我们使用淘宝、京东、百度等BS/CS的优缺点
  • 前端面试（html+css）相关问题 工匠四点零
    简单地做了下总结！也是工作上比较经常使用的对自己也是有些帮助！有什么问题也可以留言一起探讨下！！！谢谢html一.html1.xhtml和html的区别(1)头部doctype生命不同，xhtml的头部必须按照规定XHTMLDTD(2)html元素必须正确嵌套，不能乱(3)属性必须是小写的(4)属性值必须加引号(5)标签必须有结束2.html块级元素和行内元素块级元素和行内元素区别块级元素：div
  • 企业公司宣传网站（HTML静态网页项目实战）附源码【从0开始入门到精通】小白向（大学生毕设）大作业 ＜!DOCTYPE html＞ ＜html lang=“en“＞ ＜head＞ ＜ 酸奶公园 毕业设计酸奶的java笔记html课程设计前端
    企业公司宣传网站（HTML静态网页项目实战）附源码【从0开始入门到精通】小白向（大学生毕设）大作业Business首页服务博客关于事件联系我们企业服务您的营销一个早已确立的事实是，当出现以下情况时，读者会被页面的可读内容分散注意力关于我们联系我们企业服务您的营销一个早已确立的事实是，当出现以下情况时，读者会被页面的可读内容分散注意力关于我们联系我们企业服务您的营销一个早已确立的事实是，当出现以下情
  • Enum 枚举 120153216 enum枚举
    原文地址：http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration 于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型，比如四个季节、扑克花色。在出现enum type之前，通常用一组int常量表示枚举类型。比如这样： public static final int APPLE_FUJI = 0
  • Java8简明教程 bijian1013 javajdk1.8
            Java 8已于2014年3月18日正式发布了，新版本带来了诸多改进，包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。  一.允许在接口中有默认方法实现         Java 8 允许我们使用default关键字，为接口声明添
  • Oracle表维护 快速备份删除数据 cuisuqiang oracle索引快速备份删除
    我知道oracle表分区，不过那是数据库设计阶段的事情，目前是远水解不了近渴。 当前的数据库表，要求保留一个月数据，且表存在大量录入更新，不存在程序删除。 为了解决频繁查询和更新的瓶颈，我在oracle内根据需要创建了索引。但是随着数据量的增加，一个半月数据就要超千万，此时就算有索引，对高并发的查询和更新来说，让然有所拖累。 为了解决这个问题，我一般一个月会进行一次数据库维护，主要工作就是备
  • java多态内存分析 麦田的设计者 java内存分析多态原理接口和抽象类
          “  时针如果可以回头，熟悉那张脸，重温嬉戏这乐园，墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗？这大时代会不会牵挂，过去现在花开怎么会等待。       但有种意外不管痛不痛都有伤害，光阴远远离开，那笑声徘徊与脑海。但这一秒可笑不再可爱，当天心
  • Xshell实现Windows上传文件到Linux主机 被触发 windows
    经常有这样的需求，我们在Windows下载的软件包，如何上传到远程Linux主机上？还有如何从Linux主机下载软件包到Windows下；之前我的做法现在看来好笨好繁琐，不过也达到了目的，笨人有本方法嘛； 我是怎么操作的： 1、打开一台本地Linux虚拟机，使用mount 挂载Windows的共享文件夹到Linux上，然后拷贝数据到Linux虚拟机里面；（经常第一步都不顺利，无法挂载Windo
  • 类的加载ClassLoader 肆无忌惮_ ClassLoader
    类加载器ClassLoader是用来将java的类加载到虚拟机中，类加载器负责读取class字节文件到内存中，并将它转为Class的对象（类对象），通过此实例的 newInstance()方法就可以创建出该类的一个对象。   其中重要的方法为findClass(String name)。   如何写一个自己的类加载器呢？ 首先写一个便于测试的类Student
  • html5写的玫瑰花 知了ing html5
    <html> <head> <title>I Love You!</title> <meta charset="utf-8" /> </head> <body> <canvas id="c"></canvas>
  • google的ConcurrentLinkedHashmap源代码解析 矮蛋蛋 LRU
    原文地址： http://janeky.iteye.com/blog/1534352 简述 ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢？其实它本身是对 ConcurrentHashMap的封装，可以用来实现一个基于LRU策略的缓存。详细介绍可以参见 http://code.google.com/p/concurrentlinke
  • webservice获取访问服务的ip地址 alleni123 webservice
    1. 首先注入javax.xml.ws.WebServiceContext, @Resource private WebServiceContext context; 2. 在方法中获取交换请求的对象。 javax.xml.ws.handler.MessageContext mc=context.getMessageContext(); com.sun.net.http
  • 菜鸟的java基础提升之道——————>是否值得拥有 百合不是茶
    1，c++，java是面向对象编程的语言，将万事万物都看成是对象；java做一件事情关注的是人物，java是c++继承过来的，java没有直接更改地址的权限但是可以通过引用来传值操作地址，java也没有c++中繁琐的操作，java以其优越的可移植型，平台的安全型，高效性赢得了广泛的认同，全世界越来越多的人去学习java，我也是其中的一员      java组成：
  • 通过修改Linux服务自动启动指定应用程序 bijian1013 linux
    Linux中修改系统服务的命令是chkconfig (check config)，命令的详细解释如下: chkconfig 功能说明：检查，设置系统的各种服务。 语　　法：chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level  <</SPAN>
  • spring拦截器的一个简单实例 bijian1013 javaspring拦截器Interceptor
    Purview接口 package aop; public interface Purview { void checkLogin(); } Purview接口的实现类PurviesImpl.java package aop; public class PurviewImpl implements Purview { public void check
  • [Velocity二]自定义Velocity指令 bit1129 velocity
    什么是Velocity指令 在Velocity中，#set,#if, #foreach, #elseif, #parse等，以#开头的称之为指令，Velocity内置的这些指令可以用来做赋值，条件判断，循环控制等脚本语言必备的逻辑控制等语句，Velocity的指令是可扩展的，即用户可以根据实际的需要自定义Velocity指令   自定义指令(Directive)的一般步骤 &nbs
  • 【Hive十】Programming Hive学习笔记 bit1129 programming
    第二章 Getting Started 1.Hive最大的局限性是什么？一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce）,不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的？Hive persists table schemas and other system metadata.
  • nginx有选择性进行限制 ronin47 nginx 动静　限制
    http { limit_conn_zone $binary_remote_addr zone=addr:10m; limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;... server {... location ~.*\.(gif|png|css|js|icon)$ {
  • java-4.-在二元树中找出和为某一值的所有路径 . bylijinnan java
    /* * 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it. * 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
  • Netty学习笔记 bylijinnan javanetty
    本文是阅读以下两篇文章时： http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html 我的一些笔记 ===
  • js获取项目路径 cngolon js
    //js获取项目根路径，如： http://localhost:8083/uimcardprj function getRootPath(){     //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp     var curWwwPath=window.document.locati
  • oracle 的性能优化 cuishikuan oracleSQL Server
       在网上搜索了一些Oracle性能优化的文章，为了更加深层次的巩固[边写边记]，也为了可以随时查看，所以发表这篇文章。     1.ORACLE采用自下而上的顺序解析WHERE子句，根据这个原理，表之间的连接必须写在其他WHERE条件之前，那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。（这点本人曾经做过实例验证过，的确如此哦！
  • Shell变量和数组使用详解 daizj linuxshell变量数组
    Shell 变量 定义变量时，变量名不加美元符号（$，PHP语言中变量需要），如： your_name="w3cschool.cc" 注意，变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。同时，变量名的命名须遵循如下规则： 首个字符必须为字母（a-z，A-Z）。 中间不能有空格，可以使用下划线（_）。 不能使用标点符号。 不能使用ba
  • 编程中的一些概念，KISS、DRY、MVC、OOP、REST dcj3sjt126com REST
    KISS、DRY、MVC、OOP、REST （1）KISS是指Keep It Simple,Stupid（摘自wikipedia），指设计时要坚持简约原则，避免不必要的复杂化。 （2）DRY是指Don't Repeat Yourself（摘自wikipedia），特指在程序设计以及计算中避免重复代码，因为这样会降低灵活性、简洁性，并且可能导致代码之间的矛盾。 （3）OOP 即Object-Orie
  • [Android]设置Activity为全屏显示的两种方法 dcj3sjt126com Activity
    1. 方法1：AndroidManifest.xml 里，Activity的 android:theme  指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例:   <application      
  • solrcloud 部署方式比较 eksliang solrCloud
    solrcloud 的部署其实有两种方式可选，那么我们在实践开发中应该怎样选择呢？ 第一种：当启动solr服务器时，内嵌的启动一个Zookeeper服务器，然后将这些内嵌的Zookeeper服务器组成一个集群。  第二种：将Zookeeper服务器独立的配置一个集群，然后将solr交给Zookeeper进行管理   谈谈第一种：每启动一个solr服务器就内嵌的启动一个Zoo
  • Java synchronized关键字详解 gqdy365 synchronized
    转载自：http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html 多线程的同步机制对资源进行加锁，使得在同一个时间，只有一个线程可以进行操作，同步用以解决多个线程同时访问时可能出现的问题。 同步机制可以使用synchronized关键字实现。 当synchronized关键字修饰一个方法的时候，该方法叫做同步方法。 当s
  • js实现登录时记住用户名 hw1287789687 记住我记住密码cookie记住用户名记住账号
    在页面中如何获取cookie值呢? 如果是JSP的话,可以通过servlet的对象request 获取cookie,可以 参考:http://hw1287789687.iteye.com/blog/2050040 如果要求登录页面是html呢?html页面中如何获取cookie呢? 直接上代码了 页面:loginInput.html 代码: <!DOCTYPE html PUB
  • 开发者必备的 Chrome 扩展 justjavac chrome
    Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench ChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
  • 算法机试题 李亚飞 java算法机试题
           在面试机试时，遇到一个算法题，当时没能写出来，最后是同学帮忙解决的。        这道题大致意思是：输入一个数，比如4,。这时会输出：           &n
  • 正确配置Linux系统ulimit值 字符串 ulimit
    在Linux下面部 署应用的时候，有时候会遇上Socket/File: Can’t open so many files的问题；这个值也会影响服务器的最大并发数，其实Linux是有文件句柄限制的，而且Linux默认不是很高，一般都是1024，生产服务器用 其实很容易就达到这个数量。下面说的是，如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了，所以我将这篇归纳进
  • hibernate调用返回游标的存储过程 Supanccy2013 javaDAOoracleHibernatejdbc
    注：原创作品，转载请注明出处。     上篇博文介绍的是hibernate调用返回单值的存储过程，本片博文说的是hibernate调用返回游标的存储过程。     此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。 1，创建oracle中的包，并在该包中创建的游标类型。 ---创建oracle的程
  • Spring 4.2新特性-更简单的Application Event wiselyman application
    1.1 Application Event Spring 4.1的写法请参考10点睛Spring4.1-Application Event 请对比10点睛Spring4.1-Application Event 使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低; 1.2 示例 包依赖 <p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他