学习之DOCTYPE

前段时间在园子里看到一篇讲Doctype的文章：正确使用DOCTYPE，就想起了自己在做DotNetNuke开发时也遇到过同样的问题，确实，这个问题说大不大，说小不小。平时在DotNetNuke里，按默认选择的就行了。不过有时同时创建俩个portals，就有俩个不同的skin，它们的DOCTYPE有时候就不一样，这时如果搞不清楚DOCTYPE就调整CSS，要想得到很好的效果和兼容性就很难了。

所以不管怎样，弄清楚DOCTYPE，对前段的开发总是有帮助的。下面就是我找了网上的一些资料总结出来的，保存下来以备不时之需，也同样分享给大家。

要说Doctype，得从浏览器解析不同文档时所使用的模式开始说起，

  • 针对text/html content的模式（Modes for text/html Content），这个模式下又有主要以下三个模式，而对text/html内容进行模式选择依赖于DOCTYPE嗅探（doctype sniffing）

 

    • 怪癖模式（quirks mode）：不同的浏览器实现了不同的怪癖行为。Internet Explorer中的怪癖模式会让IE的行为与（包含非标准特性的IE5.5相同；其他浏览器中，怪癖模式是对标准模式的少量偏移。
    • 标准模式（standards mode）：这个模式中，浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。不同的浏览器遵循不同的阶段，所以效果上会有差别。它和怪癖模式主要影响CSS内容的呈现，但在某些情况下也会影响到JavaScript的解释执行。
    • 准标准模式（almost standards mode）：这种模式下的浏览器特性有很多都是符合标准的，但也不尽然，不标准的地方主要体现在处理图片间隙的时候（在表格中使用图片时问题最明显）。

 

  • 针对application/xhtml+xml的模式（XML Mode），这个模式下不要使用DOCTYPE
    • 在Firefox，Safari，Chrome和Opera中，将HTTP Content-type设置成application/xhtml+xml会触发XML模式。这些浏览器会在某种程度上尽量正确地对待遵守规范的XML文档。
    • IE 6, 7和8及Mac IE 5不支持application/xhtml+xml。

 

  • 非Web模式（Non-Web Modes），这里不讨论，实际应用中也只有少数引擎有针对非web内容的模式。

 

 

这样我们可以很清楚的知道，DOCTYPE主要运用于web文档是text/html content的时候，而DOCTYPE可以决定浏览器在解析文档时使用那种模式。所以下面的文章内容只会限定在针对text/html content的三个模式里。
浏览器模式的不同，肯定会造成一些效果的不同。以下从三个方面来看看浏览器模式的影响：
  • 布局（Layout）: text/html中的模式主要会影响CSS布局（layout）。例如，不能让样式被继承至表格内部是一种怪异的地方（quirk）。对某些浏览器的怪异模式，盒模型（box model）会变更到IE5.5盒模型。等等。在准标准模式中（对于那些包含此模式的浏览器来说），和标准模式不同的地方是对于只包含图像的单元格高度的计算。
  • 解析（Parsing）：也有一些怪异的地方会影响HTML和CSS的解析（parsing），并使得解析规范的页面失败了。这些怪异的地方主要是由怪异的布局（layout）引起。但值得注意的是，对比标准模式，怪异模式主要体现在CSS的布局和解析中，而不是HTML解析中。
  • 脚本（Script）：虽然怪异模式主要和CSS相关，但还是有一些和脚本（scripting）有关的。比如，Firefox的怪异模式中，HTML中的属性id可以从脚本的全局作用域中建立对象引用，就和IE一样。比起其他浏览器，怪异模式对脚本的影响在IE8中尤其明显。
现在来看看，浏览器是如何确定模式的(Doctype sniffing):

现在的浏览器用doctype嗅探（doctype sniffing）方式来为text/html文档确定浏览器引擎模式。这意味着模式将会根据HTML文档开头的文档声明（document type declaration）来选定。（不适用于XML文档。）Doctype嗅探的产生是基于以下的实际情况：当doctype嗅探出来的那会，当doctype嗅探出来的那会，绝大多数“怪异的”文档既没有文档类型声明，也没有引用老的DTD。HTML5认识到了这个事实，而将text/html中的doctype定义为专门为了模式转换。
一个典型的前HTML5文档类型声明包含字符串“<!DOCTYPE”，根元素的通用标识符（“html”），字符串“PUBLIC”，一个引号括起来的DTD公共标识符，也可能包含一个此DTD的系统标识符（一个URL），以及字符“>”。这些东西都用空格隔开。此文档类型声明放在文档中的根元素之前。
  • 对于标准模式，可以通过使用下面任何一种文档类型来开启：
<!-- HTML 4.01 严格型 --> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<!-- XHTML 1.0 严格型 --> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  • 而对于准标准模式，则可以通过使用过渡型（transitional）或框架型（frameset）文档类型来触发，如下所示：

 

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

<!-- HTML 4.01 框架集型 --> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> 

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

<!-- XHTML 1.0 框架集型 --> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

当然相同的模式不同的DOCTYPE声明之间，会有一些细微的差别，下文会提到。
好了，终于可以进入正题了，DOCTYPE：
  • DOCTYPE是什么？

简单地说，doctype就是位于html标签之前的一行声明，这个声明向浏览器指出了当前页面或文档使用了那种规范，（HTML-4 de transition ou strict, XHTML, etc...）。
更完整的DOCTYPE声明写法是：
<!DOCTYPE HTML PUBLIC "type_de_HTML" "adresse_de_DTD"> 其中：

    • type_de_HTML : 表明HTML的使用版本。
    • adresse_de_DTD : 指出了DTD（Document type declaration）的URL地址，用来描述文档的法定结构、元素和属性。


  • 为什么要声明DOCTYPE？
它指明了文档使用的(X)HTML版本，这是诸如浏览器之类的工具解析文档（processing the document）时最需要的信息。比如说，当我们使用Markup Validator来检查文档结构（Syntax）时，必须声明DOCTYPE。其实不用多说，上面的那些废话基本上都在说这个问题。

  • DOCTYPE不同的声明
    • HTML5 :
<!DOCTYPE html>
HTML5的新DOCTYPE标签，更加简单化。它不会让浏览器进入怪癖模式(Quirks mode)

    • HTML4.01 transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • 文档是html的：不能被当作XML对待；
  • 没有<marquee>, <embed>, etc这些标签；
  • 这些元素area, dt, dd, p, li, thead, tfoot, colgroup, col, tr, th et td的关闭标签是可选的;
  • 标签不区分大小写 ;
  • 对于HTML的属性，当属性值只包括(a-zA-Z0-9-,_:) 时，引号可以省略。
  • <OPTION selected> 代替 <OPTION selected="selected">
  • 以下的元素或属性是允许的（在html页面中）：
    • BASEFONT 和 FONT ;
    • CENTER, U, STRIKE 和 S ;
    • BODY 元素的BALINK, BACKGROUND, BGCOLOR, LINK, VLINK, TEXT 属性;
    • 表格元素的BGCOLOR, HEIGHT, NOWRAP, WIDTH 属性;
    • Image和Object的 BORDER, HSPACE, VSPACE 属性 ;
    • HR 元素的 CLEAR, NOSHADE, SIZE, WIDTH 属性 ;
    • li元素的 COMPACT, TYPE 属性, 和ol元素的 START, VALUE 属性 ;
    • PRE 元素的 WIDTH 属性 ;
  • IFRAME 是允许的，但 FRAMESET 和 FRAME 不允许 ;


    • HTML4.01 strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
与HTML4.01 transitionnel不同的地方 :
  • 前面特别提出允许的元素和属性不再允许，他们应该在CSS里使用 ;
  • 链接的 target 属性不再被允许 ;
  • IFRAME, FRAMESET 和 FRAME 都不允许。


    • HTML4.01 frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

规则基本上与HTML4.01 transitionnel相同, 但 BODY 元素不再存在. 它被可以包含多个 FRAME 元素的 FRAMESET 元素替代.


    • XHTML1.0 transitional :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
文档可以被当作HTML或者XML处理。
与HTML不同的syntax规则如下 :
  • 所有标签都应该关闭;
  • 所有的标签元素属性都应该是小写;
  • 只允许 <option selected="selected"> 这种写法
  • 所有的引号也是必须的 ;
简而言之: 可用的标签基本和HTML4.01 transitional一样, 但它的文法结构syntax要更严格一些.

    • XHTML1.0 strict :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
与XHTML1.0 transitionnel一样, syntax的规则是严格的, 但与XHTML1.0 transitionnel不同的地方和HTML4.01 Strict 完全一样:
  • 前面特别提出允许的元素和属性不再允许，他们应该在CSS里使用 ;
  • 链接的 target 属性不再被允许 ;
  • IFRAME, FRAMESET 和 FRAME 都不允许。
简而言之: 可用的标签基本和HTML4.01 strict一样, 但它的文法结构syntax要更严格一些.

    • XHTML1.0 frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
规则基本上与XHTML1.0 transitionnel相同, 但 BODY 元素不再存在. 它被可以包含多个 FRAME 元素的 FRAMESET 元素替代.
简而言之: 可用的标签基本和HTML4.01 frameset一样, 但它的文法结构syntax要更严格一些.

  • 如何选择DOCTYPE
推荐XHTML1.0 Strict;
如果你使用 iframe 或者 target属性, 使用 XHTML1.0 transitional.
如果你使用 frameset 和 frame, 使用XHTML1.0 frameset.
如果你使用 HTML5，直接使用<!doctype html>

  • 最后推荐一个创建(X)HTML结构的工具 ：Squelettor

你可能感兴趣的:(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首页服务博客关于事件联系我们企业服务您的营销一个早已确立的事实是，当出现以下情况时，读者会被页面的可读内容分散注意力关于我们联系我们企业服务您的营销一个早已确立的事实是，当出现以下情况时，读者会被页面的可读内容分散注意力关于我们联系我们企业服务您的营销一个早已确立的事实是，当出现以下情
  • web性能优化-面试篇 sweetBoy_9126
    分析一个网站从用户按回车的一瞬间经历了哪些跟前端相关的过程先判断页面的缓存DNS查询建立TCP连接发送HTTP请求接收响应接收完成得到一个HTML查看DOCTYPE根据你的DOCTYPE去选择是用html/xml逐行解析（阅读）看到标签看到css(下载css然后继续往下看还有没有css，如果还有旧同时下载第二个，第三个....最ie可以同时下载4个，当超过4个的时候剩下的就得排队，等到其中哪一个下
  • document对象详解 1995小哥哥的博客 前端知识点
    document对象概述：document对象是文档的根节点，只要浏览器开始载入HTML文档，这个对象就开始存在了，它作为一个入口去操作网页内容，可以直接调用。document的属性和方法非常多，下面我做了一些基本归类，对于更详细的属性和方法查询该网址。第一类（获得节点的属性）：属性说明document.doctype第一个子节点，表示文档类型。对于html5文档来说，该节点就代表document
  • 深入浅出Java Annotation(元注解和自定义注解） Josh_Persistence Java Annotation元注解自定义注解
    一、基本概述     　　 Annontation是Java5开始引入的新特征。中文名称一般叫注解。它提供了一种安全的类似注释的机制，用来将任何的信息或元数据（metadata）与程序元素（类、方法、成员变量等）进行关联。   　　更通俗的意思是为程序的元素（类、方法、成员变量）加上更直观更明了的说明，这些说明信息是与程序的业务逻辑无关，并且是供指定的工具或
  • mysql优化特定类型的查询 annan211 java工作mysql
    本节所介绍的查询优化的技巧都是和特定版本相关的，所以对于未来mysql的版本未必适用。 1 优化count查询 对于count这个函数的网上的大部分资料都是错误的或者是理解的都是一知半解的。在做优化之前我们先来看看 真正的count()函数的作用到底是什么。 count()是一个特殊的函数，有两种非常不同的作用，他可以统计某个列值的数量，也可以统计行数。 在统
  • MAC下安装多版本JDK和切换几种方式 棋子chessman jdk
    环境： MAC AIR,OS X 10.10,64位   历史： 过去 Mac 上的 Java 都是由 Apple 自己提供，只支持到 Java 6，并且OS X 10.7 开始系统并不自带（而是可选安装）（原自带的是1.6）。 后来 Apple 加入 OpenJDK 继续支持 Java 6，而 Java 7 将由 Oracle 负责提供。   在终端中输入jav
  • javaScript （1） Array_06 JavaScriptjava浏览器
    JavaScript 1、运算符 　　运算符就是完成操作的一系列符号，它有七类： 　　赋值运算符（=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=）、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位
  • 国内顶级代码分享网站 袁潇含 javajdkoracle.netPHP
           现在国内很多开源网站感觉都是为了利益而做的                  当然利益是肯定的,否则谁也不会免费的去做网站      &
  • Elasticsearch、MongoDB和Hadoop比较 随意而生 mongodbhadoop搜索引擎
      IT界在过去几年中出现了一个有趣的现象。很多新的技术出现并立即拥抱了“大数据”。稍微老一点的技术也会将大数据添进自己的特性，避免落大部队太远，我们看到了不同技术之间的边际的模糊化。假如你有诸如Elasticsearch或者Solr这样的搜索引擎，它们存储着JSON文档，MongoDB存着JSON文档，或者一堆JSON文档存放在一个Hadoop集群的HDFS中。你可以使用这三种配
  • mac os 系统科研软件总结 张亚雄 mac os
    1.1 Microsoft Office for Mac 2011      大客户版，自行搜索。      1.2 Latex （MacTex）:      系统环境：https://tug.org/mactex/     &nb
  • Maven实战（四）生命周期 AdyZhang maven
    1. 三套生命周期     Maven拥有三套相互独立的生命周期，它们分别为clean，default和site。 每个生命周期包含一些阶段，这些阶段是有顺序的，并且后面的阶段依赖于前面的阶段，用户和Maven最直接的交互方式就是调用这些生命周期阶段。 以clean生命周期为例，它包含的阶段有pre-clean, clean 和 post
  • Linux下Jenkins迁移 aijuans Jenkins
    1. 将Jenkins程序目录copy过去      源程序在/export/data/tomcatRoot/ofctest-jenkins.jd.com下面            tar -cvzf jenkins.tar.gz ofctest-jenkins.jd.com &
  • request.getInputStream()只能获取一次的问题 ayaoxinchao requestInputstream
    问题：在使用HTTP协议实现应用间接口通信时，服务端读取客户端请求过来的数据，会用到request.getInputStream()，第一次读取的时候可以读取到数据，但是接下来的读取操作都读取不到数据   原因： 1. 一个InputStream对象在被读取完成后，将无法被再次读取，始终返回-1； 2. InputStream并没有实现reset方法（可以重
  • 数据库SQL优化大总结之 百万级数据库优化方案 BigBird2012 SQL优化
    网上关于SQL优化的教程很多，但是比较杂乱。近日有空整理了一下，写出来跟大家分享一下，其中有错误和不足的地方，还请大家纠正补充。 这篇文章我花费了大量的时间查找资料、修改、排版，希望大家阅读之后，感觉好的话推荐给更多的人，让更多的人看到、纠正以及补充。 1.对查询进行优化，要尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。 2.应尽量避免在 where
  • jsonObject的使用 bijian1013 javajson
            在项目中难免会用java处理json格式的数据，因此封装了一个JSONUtil工具类。 JSONUtil.java package com.bijian.json.study; import java.util.ArrayList; import java.util.Date; import java.util.HashMap;
  • [Zookeeper学习笔记之六]Zookeeper源代码分析之Zookeeper.WatchRegistration bit1129 zookeeper
    Zookeeper类是Zookeeper提供给用户访问Zookeeper service的主要API，它包含了如下几个内部类     首先分析它的内部类，从WatchRegistration开始，为指定的znode path注册一个Watcher，   /** * Register a watcher for a particular p
  • 【Scala十三】Scala核心七：部分应用函数 bit1129 scala
    何为部分应用函数？ Partially applied function: A function that’s used in an expression and that misses some of its arguments.For instance, if function f has type Int => Int => Int, then f and f(1) are p
  • Tomcat Error listenerStart 终极大法 ronin47 tomcat
    Tomcat报的错太含糊了，什么错都没报出来，只提示了Error listenerStart。为了调试，我们要获得更详细的日志。可以在WEB-INF/classes目录下新建一个文件叫logging.properties，内容如下 Java代码  handlers = org.apache.juli.FileHandler, java.util.logging.ConsoleHa
  • 不用加减符号实现加减法 BrokenDreams 实现
            今天有群友发了一个问题，要求不用加减符号(包括负号)来实现加减法。         分析一下，先看最简单的情况，假设1+1，按二进制算的话结果是10，可以看到从右往左的第一位变为0，第二位由于进位变为1。    
  • 读《研磨设计模式》-代码笔记-状态模式-State bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* 当一个对象的内在状态改变时允许改变其行为，这个对象看起来像是改变了其类 状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况 把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的判断逻辑简化 如果在
  • CUDA程序block和thread超出硬件允许值时的异常 cherishLC CUDA
    调用CUDA的核函数时指定block 和 thread大小，该大小可以是dim3类型的（三维数组），只用一维时可以是usigned int型的。 以下程序验证了当block或thread大小超出硬件允许值时会产生异常！！！GPU根本不会执行运算！！！ 所以验证结果的正确性很重要！！！ 在VS中创建CUDA项目会有一个模板，里面有更详细的状态验证。 以下程序在K5000GPU上跑的。
  • 诡异的超长时间GC问题定位 chenchao051 jvmcmsGChbaseswap
    HBase的GC策略采用PawNew+CMS, 这是大众化的配置，ParNew经常会出现停顿时间特别长的情况，有时候甚至长到令人发指的地步，例如请看如下日志： 2012-10-17T05:54:54.293+0800: 739594.224: [GC 739606.508: [ParNew: 996800K->110720K(996800K), 178.8826900 secs] 3700
  • maven环境快速搭建 daizj 安装mavne环境配置
    一 下载maven 安装maven之前，要先安装jdk及配置JAVA_HOME环境变量。这个安装和配置java环境不用多说。 maven下载地址：http://maven.apache.org/download.html，目前最新的是这个apache-maven-3.2.5-bin.zip，然后解压在任意位置，最好地址中不要带中文字符，这个做java 的都知道，地址中出现中文会出现很多
  • PHP网站安全，避免PHP网站受到攻击的方法 dcj3sjt126com PHP
    对于PHP网站安全主要存在这样几种攻击方式:1、命令注入(Command Injection)2、eval注入(Eval Injection)3、客户端脚本攻击(Script Insertion)4、跨网站脚本攻击(Cross Site Scripting, XSS)5、SQL注入攻击(SQL injection)6、跨网站请求伪造攻击(Cross Site Request Forgerie
  • yii中给CGridView设置默认的排序根据时间倒序的方法 dcj3sjt126com GridView
    public function searchWithRelated() {         $criteria = new CDbCriteria;         $criteria->together = true; //without th
  • Java集合对象和数组对象的转换 dyy_gusi java集合
        在开发中，我们经常需要将集合对象（List，Set）转换为数组对象，或者将数组对象转换为集合对象。Java提供了相互转换的工具，但是我们使用的时候需要注意，不能乱用滥用。 1、数组对象转换为集合对象     最暴力的方式是new一个集合对象，然后遍历数组，依次将数组中的元素放入到新的集合中，但是这样做显然过
  • nginx同一主机部署多个应用 geeksun nginx
    近日有一需求，需要在一台主机上用nginx部署2个php应用，分别是wordpress和wiki，探索了半天，终于部署好了，下面把过程记录下来。 1.   在nginx下创建vhosts目录，用以放置vhost文件。 mkdir vhosts   2.   修改nginx.conf的配置， 在http节点增加下面内容设置，用来包含vhosts里的配置文件 #
  • ubuntu添加admin权限的用户账号 hongtoushizi ubuntuuseradd
    ubuntu创建账号的方式通常用到两种：useradd 和adduser . 本人尝试了useradd方法，步骤如下： 1:useradd    使用useradd时，如果后面不加任何参数的话，如：sudo useradd sysadm 创建出来的用户将是默认的三无用户：无home directory ,无密码,无系统shell。 顾应该如下操作：  
  • 第五章 常用Lua开发库2-JSON库、编码转换、字符串处理 jinnianshilongnian nginxlua
      JSON库   在进行数据传输时JSON格式目前应用广泛，因此从Lua对象与JSON字符串之间相互转换是一个非常常见的功能；目前Lua也有几个JSON库，本人用过cjson、dkjson。其中cjson的语法严格（比如unicode \u0020\u7eaf），要求符合规范否则会解析失败（如\u002），而dkjson相对宽松，当然也可以通过修改cjson的源码来完成
  • Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 yaerfeng1989 timerquartz定时器
    原创整理不易，转载请注明出处：Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 代码下载地址：http://www.zuidaima.com/share/1772648445103104.htm 有两种流行Spring定时器配置：Java的Timer类和OpenSymphony的Quartz。 1.Java Timer定时 首先继承jav
  • Linux下df与du两个命令的差别？ pda158 linux
    　一、df显示文件系统的使用情况，与du比較，就是更全盘化。 　　最经常使用的就是 df -T，显示文件系统的使用情况并显示文件系统的类型。 　　举比例如以下： 　　[root@localhost ~]# df -T 　　Filesystem                   Type &n
  • [转]SQLite的工具类 ---- 通过反射把Cursor封装到VO对象 ctfzh VOandroidsqlite反射Cursor
    在写DAO层时，觉得从Cursor里一个一个的取出字段值再装到VO(值对象)里太麻烦了，就写了一个工具类，用到了反射，可以把查询记录的值装到对应的VO里，也可以生成该VO的List。   使用时需要注意： 考虑到Android的性能问题，VO没有使用Setter和Getter，而是直接用public的属性。 表中的字段名需要和VO的属性名一样，要是不一样就得在查询的SQL中
  • 该学习笔记用到的Employee表 vipbooks oraclesql工作
        这是我在学习Oracle是用到的Employee表，在该笔记中用到的就是这张表，大家可以用它来学习和练习。 drop table Employee; -- 员工信息表 create table Employee( -- 员工编号 EmpNo number(3) primary key, -- 姓
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他