什么是 !DOCTYPE html 以及他的重要性?
2018-02-26 14:22
369 查看
什么是<!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.0
Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的URL 作为寻找 DTD 的位置。<!DOCTYPE html>的重要性?1作用:声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。 document.compatMode:
BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat:标准模式,浏览器使用W3C的标准解析渲
4000
染页面。 这个属性会被浏览器识别并使用,但是如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat,这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面,那么,在不同的浏览器就会显示不同的样式。 如果你的页面添加了<!DOCTYPE html>那么,那么就等同于开启了标准模式,那么浏览器就得老老实实的按照W3C的标准解析渲染页面,这样一来,你的页面在所有的浏览器里显示的就都是一个样子了。 这就是<!DOCTYPE html>的作用。 2 使用:<!DOCTYPE html> 2.1 使用也很简单,就是在你的html页面的第一行添加"<!DOCTYPE html>"一行代码就可以了 2.2 jsp的话,添加在<%@ page %>的下一行。 2.3 不用区分大小写 附:需要注意的问题没什么特别的,就是一定要将Doctype声明放在xHTML文档的顶部,上面哪怕多个html注释标记都不行。 最好示例代码也加上Doctype,否则效果会有差异。尽管我们不给出这句声明浏览器照样会将HTML文档呈现出来,但是由于HTML版本导致的bug也许就出在这里。
这个标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
public 这行声明了文档的根元素是 html,它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0
Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的URL 作为寻找 DTD 的位置。<!DOCTYPE html>的重要性?1作用:声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。 document.compatMode:
BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat:标准模式,浏览器使用W3C的标准解析渲
4000
染页面。 这个属性会被浏览器识别并使用,但是如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat,这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面,那么,在不同的浏览器就会显示不同的样式。 如果你的页面添加了<!DOCTYPE html>那么,那么就等同于开启了标准模式,那么浏览器就得老老实实的按照W3C的标准解析渲染页面,这样一来,你的页面在所有的浏览器里显示的就都是一个样子了。 这就是<!DOCTYPE html>的作用。 2 使用:<!DOCTYPE html> 2.1 使用也很简单,就是在你的html页面的第一行添加"<!DOCTYPE html>"一行代码就可以了 2.2 jsp的话,添加在<%@ page %>的下一行。 2.3 不用区分大小写 附:需要注意的问题没什么特别的,就是一定要将Doctype声明放在xHTML文档的顶部,上面哪怕多个html注释标记都不行。 最好示例代码也加上Doctype,否则效果会有差异。尽管我们不给出这句声明浏览器照样会将HTML文档呈现出来,但是由于HTML版本导致的bug也许就出在这里。
相关文章推荐
- 什么是<!DOCTYPE html>及<!DOCTYPE html>的重要性?
- 关于html中的doctype的重要性的认知以及IE的浏览器模式与文档模式
- 什么是<!DOCTYPE html>及<!DOCTYPE html>的重要性?
- <!DOCTYPE html> 是什么,它的作用是什么
- HTML DOCTYPE 的重要性
- HTML DOCTYPE 重要性
- HTML DOCTYPE 的重要性
- HTML DOCTYPE 的重要性
- 简谈HTML、CSS、JavaScript、Ajax、WML、Servlet、Jsp、FreeMarker、Velocity、Webmacro是什么,以及之间的关系!
- <DOCTYPE html> 是什么?
- HTML各个版本以及对应doctype
- 什么是H标签?H1,H2,H3标签?以及和strong标签使用的方法及重要性
- <!doctype html>是什么意思?
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm 是什么意思
- HTML DOCTYPE 的重要性
- html最简单的按钮点击事件,onclick用法;以及this是什么意思?
- html DOCTYPE 的重要性
- HTML DOCTYPE 的重要性 .
- 什么是<!DOCTYPE html>?
- HTML是什么以及HTML简介