HTML !DOCTYPE 声明

HTML !DOCTYPE 声明
52jyhcc
52jyhcc
94
阅读
0
评论
2021年09月09日07:33:27 0 94

实例

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

浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器都支持 <!DOCTYPE> 声明。

标签定义及使用说明

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。

<!DOCTYPE> 声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。

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

HTML5 不是基于 SGML,因此不要求引用 DTD。

提示:总是给您的 HTML 文档添加 <!DOCTYPE> 声明,确保浏览器能够预先知道文档类型。

HTML 4.01 与 HTML5之间的差异

HTML 4.01 规定了三种不同的 <!DOCTYPE> 声明,分别是:Strict、Transitional 和 Frameset。 HTML5 中仅规定了一种:

<!DOCTYPE html>

HTML 元素和 Doctypes

参阅HTML 元素与合法的 Doctype,看看每一个 HTML 元素都出现在哪一种 Doctype 中。

提示和注释

注释:<!DOCTYPE> 标签没有结束标签。

提示:<!DOCTYPE> 声明不区分大小写。

提示:使用 W3C 的验证 检查您是否编写了一个带有正确 DTD 的合法的 HTML / XHTML 文档!

常见的 DOCTYPE 声明

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict

这个 DTD 包含所有 HTML 元素和属性,但不包括表象或过时的元素(如 font )。框架集是不允许的。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.58how.com/TR/html4/strict.dtd">

HTML 4.01 Transitional

这个 DTD 包含所有 HTML 元素和属性,包括表象或过时的元素(如 font )。框架集是不允许的。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.58how.com/TR/html4/loose.dtd">

HTML 4.01 Frameset

这个 DTD 与 HTML 4.01 Transitional 相同,但是允许使用框架集内容。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "https://www.58how.com/TR/html4/frameset.dtd">

XHTML 1.0 Strict

这个 DTD 包含所有 HTML 元素和属性,但不包括表象或过时的元素(如 font )。框架集是不允许的。结构必须按标准格式的 XML 进行书写。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.58how.com/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

这个 DTD 包含所有 HTML 元素和属性,包括表象或过时的元素(如 font )。框架集是不允许的。结构必须按标准格式的 XML 进行书写。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.58how.com/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

这个 DTD 与 XHTML 1.0 Transitional 相同,但是允许使用框架集内容。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "https://www.58how.com/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

这个 DTD 与 XHTML 1.0 Strict 相同,但是允许您添加模块(例如为东亚语言提供 ruby 支持)。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "https://www.58how.com/TR/xhtml11/DTD/xhtml11.dtd">


<!DOCTYPE html> 是 HTML5 中唯一的 doctype,也被视作将网页 "升级" 到 HTML5 的第一步。

很多国外网站的 <!DOCTYPE html> 和 <HEAD> 之间都会有一段注释,如:

<!—[if IE 6 ]><html class="ie ielt9 ielt8 ielt7 ie6"><![endif]—>

<!—[if IE 7 ]><html class="ie ielt9 ielt8 ie7"><![endif]—>

<!—[if IE 8 ]><html class="ie ielt9 ie8"><![endif]—>

<!—[if IE 9 ]><html class="ie ie9"><![endif]—>

<!—[if (gt IE 9)|!(IE)]><!—><html><!—<![endif]—>

改代码作用于 css,来写一些针对 IE 各版本的样式差异。

先判断用户用的哪个 IE 版本,然后在标签上加上该版本的 class,这样可以方便 hack。

css 文件是这样写的:

.ie6 xxx {};

.ie7 xxx {};

这是目前最好的 hack 方式之一。

打赏 点赞(0)
weinxin
投诉建议
文章名+链接地址,发送到此微信:tourism52
历史上的今天
07月
07
javascript,语句 菜鸟教程

JavaScript语句

JavaScript语句JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。JavaScript 语句JavaScript 语句是发给浏览器的命令。这些命...
WMLScript,ceil,函数,WMLScript,ceil,函数,返回, 菜鸟教程

WMLScript ceil() 函数

WMLScript ceil() 函数 ceil() 函数返回不小于 x 参数值的最接近的整数。 语法 n = Float.ceil(x) 成分 描述 n 该函数返回的整数。 x ...
W3C,DOM,活动,W3C,DOM,活动,文档,对象,模型,是, 菜鸟教程

W3C DOM 活动

W3C DOM 活动 文档对象模型 (DOM) 是一个平台,一个中立于语言的应用程序编程接口 (API),允许程序访问并更改文档的内容、结构和样式。 DOM 教程 如需学习更多有关...

评论列表 共有 0 条评论

暂无评论