码迷,mamicode.com
首页 > Web开发 > 详细

说说html 的<!DOCTYPE>声明&标准模式与兼容模式

时间:2017-11-16 20:49:27      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:size   括号   页面   sheet   color   排版   ocs   点击   frame   

我们都知道<!DOCTYPE>声明位于文档的最前面,处于<html>标签之前。

<!DOCTYPE>声明不是html标签,它的作用:告知web浏览界面应该使用哪个html版本

例如:

<!DOCTYPE html>  则是告诉浏览器应使用html5。

建议:总是给html文件加上<!DOCTYPE>声明,确保浏览器能预先知道文档类型。

在html 4.0.1中,<!DOCTYPE>声明需引用DTD(文档类型说明),因为html 4.0.1是基于SGML(Standard Generalized Markup Language,标准通用标记语言)。DTD指定了标记语言的规则,确保了浏览器能正确的渲染内容。

而html5不是基于SGML,不用引入DTD

下面是具体的html版本需要的<!DOCTYPE>声明:

html5:(!tab或者html:5)

<!DOCTYPE html>

html 4.0.1有 strict,transitional,frameset三种格式:

html 4.0.1 strict:(html:4s tab)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

html 4.0.1 transitional:(html:4t tab) 

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

html 4.0.1 frameset:

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

XHTML 1.0 Strict:(html:xs tab)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

XHTML 1.0 Transitional:(html:xt tab)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

XHTML 1.0 Frameset

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

XHTML 1.1:(html:xxs)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

      ps:以上括号中,均为sublime text3下的快捷键生成!

更多关于sublime text3快捷键操作点击此处!

 

标准模式与兼容模式区别:

当doctype申明缺失或者格式不正确时,文档会以兼容模式呈现。

标准模式:排版以及js运行模式都是以浏览器支持的最高标准运行;

兼容模式:页面以宽松的向后兼容方式显示,模拟老浏览器的行为防止站点无法正常工作。

 

  

 

说说html 的<!DOCTYPE>声明&标准模式与兼容模式

标签:size   括号   页面   sheet   color   排版   ocs   点击   frame   

原文地址:http://www.cnblogs.com/why-not-try/p/7845873.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!