!DOCTYPE html标准的文档声明类型详解

作者: 本站原创  发布时间:  浏览:

htm中的doctype是document type (文档类型) 的缩写,<!DOCTYPE>声明严格意义上,它不是一个HTML标签,只是一个用于告诉浏览器当前HTMl版本的声明。下面,我们将会一起了解<!DOCTYPE> 的作用是什么?还有它的几种类型?

<!DOCTYPE>的定义与作用

<!DOCTYPE>是一个用于声明当前HTMl版本,用来告知web浏览器该文档使用是哪种 HTML 或者 XHTML 规范来解析页面,以便浏览器更加准确的理解页面内容,更加良好地展现内容效果!

HTML <!DOCTYPE> 声明

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>文档标题</title>
</head>
 
<body>
文档内容......
</body>
 
</html>

<!DOCTYPE>的特点

<!DOCTYPE> 标签没有结束标签;

<!DOCTYPE>声明被所有主流浏览器支持;

<!DOCTYPE> 声明在HTML5中是可以不区分大小写的;

<!DOCTYPE>声明不是一个HTML标签,在HTML5中是可以不区分大小写的;

<!DOCTYPE>声明必须位于HTML文档中最前面,处于<html>标签之前;

HTML4.01是基于SGML的,需要以<!DOCTYPE>声明引用一个DTD(文档类型定义),用来保证浏览器按照DTD指定的标记规则解析网页内容!

HTML5不基于SGML,所以不需要指定DTD。

 

DOCTYPE与浏览器模式

<!DOCTYPE>声明的前面是没有任何内容的,如果有其他内容(空格除外)就会使浏览器在 IE下开启怪异模式渲染网页;如果浏览器进入怪异模式,就会按自己的方式解析渲染页面。那么,在不同的浏览器下,显示的样式效果会不一致。

如果不写文档DOCTYPE声明,浏览器将无法获知HTML或XHTML文档的类型,也会进入怪异模式;还有在IE6以下版本永远进入怪异模式;

但是,只要我们对文档DOCTYPE做了正确的声明,浏览器就会进入标准模式;浏览器会按照W3C的标准来解析渲染页面,那么,在所有的浏览器下,显示的样式效果会保持一致。因此, <!DOCTYPE>声明还是很有必要的。

上一篇:网站代码meta标签的charset属性用法

下一篇:Meta name="robots"蜘蛛标签代码写法

相关文章

css3实现border渐变色

css border 圆角代码

css border 阴影代码

css样式表中background-image自动适应宽高

css去掉滚动条横线

添加微信
添加微信,免费咨询

15205695834

新手指南支付购买售后服务关于我们版权合规
合肥秀站网络科技有限公司
Copyright 2002-2022 麦站 版权所有
皖ICP备12018676号 网站地图