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>标签的浏览器支持
支持的浏览器包括IE,Firefox,Chrome,Safari,Opera等即所有浏览器都支持 <!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>