169it -->


 
当前位置:  Web服务器/前端>html/css

HTML <!DOCTYPE> 标签用法详解及如何解决<!DOCTYPE html>未声明时导致页面无效的问题

 
分享到:
    发布时间:2016-9-27  


    HTML <!DOCTYPE> 标签用法详解及如何解决<!DOCTYPE html>未声明时导致页面无效的问题(由www.169it.com搜集整理) 浏览器呈现模式和doctype现代浏览器包括不同的呈现模式,目的是既支持遵循标准的网页,也支持为老...

 HTML <!DOCTYPE> 标签用法详解及如何解决<!DOCTYPE html>未声明时导致页面无效的问题(由www.169it.com搜集整理)


 浏览器呈现模式和doctype

 现代浏览器包括不同的呈现模式,目的是既支持遵循标准的网页,也支持为老式浏览器而设计的网页。其中, Standards (标准)模式(也就是严格呈现模式)用于呈现遵循最新标准的网页,而 Quirks (包容)模式(也就是松散呈现模式或者兼容模式)用于呈现为传统浏览器而设计的网页。另外,注意Mozilla/Netscape 6新增了一种 Almost Standards (近似标准)模式,用于支持为标准的某个老版本而设计的网页。


HTML <!DOCTYPE>标签定义和用法

<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML,所以不需要引用 DTD。

HTML 文档必须添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。


常用的 DOCTYPE 标签的用法

HTML 5中DOCTYPE标签的声明

<!DOCTYPE html>

HTML 4.01 Strict中DOCTYPE标签的声明

该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。

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

HTML 4.01 Transitional 中DOCTYPE标签的声明

该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。

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

HTML 4.01 Frameset中DOCTYPE标签的声明

该 DTD 等同于 HTML 4.01 Transitional,但允许框架集内容。

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

XHTML 1.0 Strict中DOCTYPE标签的声明

该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。

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

XHTML 1.0 Transitional中DOCTYPE标签的声明

该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。

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

XHTML 1.0 Frameset中DOCTYPE标签的声明

该 DTD 等同于 XHTML 1.0 Transitional,但允许框架集内容。

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

XHTML 1.1中DOCTYPE标签的声明

该 DTD 等同于 XHTML 1.0 Strict,但允许添加模型(例如提供对东亚语系的 ruby 支持)。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">



HTML <!DOCTYPE>标签的用法注意事项

1. <!DOCTYPE> 声明没有结束标签。

2.<!DOCTYPE> 声明对大小写不敏感。

3. 请使用 W3C 的验证器来检查您是否编写了有效的 HTML / XHTML 文档!


HTML <!DOCTYPE>标签的浏览器支持

支持的浏览器包括IEFirefoxChromeSafariOpera等即所有浏览器都支持 <!DOCTYPE> 声明。

HTML <!DOCTYPE>标签的浏览器支持


如何解决<!DOCTYPE html>未声明时导致页面无效的问题

DOCTYPE未声明会导致某一个页面在IE7和8,Chrome,ff等下正常,但是在IE9下显示有问题,也就是相同页面的js代码不兼容多个版本的不同浏览器。解决<!DOCTYPE html>未声明时导致页面无效的问题,就是在你的html页面的第一行添加"<!DOCTYPE html>"一行代码就可以了。


HTML <!DOCTYPE> 标签用法示例

<!DOCTYPE html>
<html>
<head>
<title>HTML <!DOCTYPE> 标签用法详解及如何解决<!DOCTYPE html>未声明时导致页面无效的问题</title>
</head>
<body>
常用的 DOCTYPE 标签的用法......
</body>
</html>



本类别最新文章推荐:


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2017,169IT.COM,E-mail:www_169it_com#163.com(请将#改为@)

浙ICP备11055608号


-->