山海科技发展网

07月04日科技常识:什么是<!DOCTYPE html> 以及其重要性

导读 摘要 今天小编跟大家讲解下有关什么是<!DOCTYPE html> 以及其重要性 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关什么...
摘要 今天小编跟大家讲解下有关什么是<!DOCTYPE html> 以及其重要性 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关什么是<!DO

今天小编跟大家讲解下有关什么是&lt;!DOCTYPE html&gt; 以及其重要性 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关什么是&lt;!DOCTYPE html&gt; 以及其重要性 的相关资料,希望小伙伴们看了有所帮助。

什么是<!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作用:

声明文档的解析类型(document.compatMode) 避免浏览器的怪异模式。

document.compatMode:BackCompat:怪异模式 浏览器使用自己的怪异模式解析渲染页面。css1Compat:标准模式 浏览器使用W3C的标准解析渲染页面。

这个属性会被浏览器识别并使用 但是如果你的页面没有DOCTYPE的声明 那么compatMode默认就是BackCompat,

浏览器按照自己的方式解析渲染页面 那么 在不同的浏览器就会显示不同的样式。

如果你的页面添加了<!DOCTYPE html>那么 那么就等同于开启了标准模式 那么浏览器就得老老实实的按照W3C的

标准解析渲染页面 这样一来 你的页面在所有的浏览器里显示的就都是一个样子了。

这就是<!DOCTYPE html>的作用。

2 使用:<!DOCTYPE html>

2.1使用也很简单 就是在你的html页面的第一行添加"<!DOCTYPE html>"一行代码就可以了

2.2jsp的话 添加在<%@ page %>的下一行。

2.3 不用区分大小写

附:需要注意的问题

没什么特别的 就是一定要将Doctype声明放在xHTML文档的顶部 上面哪怕多个html注释标记都不行。

最好示例代码也加上Doctype 否则效果会有差异。尽管我们不给出这句声明浏览器照样会将HTML文档呈现出来 但是由于HTML版本导致的bug也许就出在这里。

来源:爱蒂网