HTML ＜！DOCTYPE＞标记

本教程向大家解释了<！DOCTYPE>标记的语法及如何使用HTML <！DOCTYPE>。

描述

HTML <！DOCTYPE>标记一般放在HTML文档中的第一行。它告诉浏览器要编写文档的HTML版本，以便浏览器知道预期的内容。此标记通常也称为<！DOCTYPE>元素。

句法

<！DOCTYPE>标记的语法在所使用的HTML或XHTML版本之间有所不同。让我们看一下最常见的用法。

HTML5中的语法为：

<!doctype html>

HTML 4.01 Transitional中的语法为：

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

XHTML 1.0 Transitional中的语法为：

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

XHTML 1.0 Strict中的语法为：

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

XHTML 1.1中的语法为：

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

浏览器兼容性

<！DOCTYPE>标记基本支持以下浏览器：

谷歌浏览器Chrome
安卓
Firefox（火狐）
Firefox移动版（Gecko）
Internet Explorer（IE）
Edge 手机版
Opera
Opera 手机版
Safari（苹果浏览器）
Safari手机

例子

我们将在下面讨论<html>标记，并探讨在HTML5，HTML 4.01 Transitional，XHTML 1.0 Transitional，XHTML 1.0 Strict和XHTML 1.1中如何使用<html>标记的示例。

HTML5文件

如果您使用HTML5创建了一个新网页，则您的<！DOCTYPE>标记可能如下所示：

<!doctype html>
<html><head>
<meta charset="UTF-8">
<title>HTML5 Example by www.techonthenet.com</title>
</head><body>
<h1>Heading</h1>
<p>This is the content.</p>
</body></html>

在此HTML5文档示例中，<！DOCTYPE>标记位于第一行，该行不包含在<html>标记内。

HTML 4.01 Transitional文档

如果您在HTML 4.01 Transitional中创建了一个新网页，则您的<！DOCTYPE>标记可能如下所示：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HTML 4.01 Transitional Example by www.techonthenet.com</title>
</head><body>
<h1>Heading</h1>
<p>This is the content.</p>
</body></html>

在此HTML 4.01 Transitional Document示例中，<！DOCTYPE>标记位于第一行，该行不包含在<html>标记内。

XHTML 1.0 Transitional文档

如果您在XHTML 1.0 Transitional中创建了一个新网页，则您的<！DOCTYPE>标记可能如下所示：

<!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"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XHTML 1.0 Transitional Example</title>
</head><body>
<h1>Heading</h1>
<p>This is the content.</p>
</body></html>

在此XHTML 1.0过渡文档示例中，<！DOCTYPE>标记位于第一行，该行不包含在<html>标记中。

XHTML 1.0 Strict文档

如果您在XHTML 1.0 Strict中创建了一个新网页，则您的<！DOCTYPE>标记可能如下所示：

<!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"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XHTML 1.0 Strict Example by www.techonthenet.com</title>
</head><body>
<h1>Heading</h1>
<p>This is the content.</p>
</body></html>

在此XHTML 1.0 Strict Document示例中，<！DOCTYPE>标记位于第一行，该行不包含在<html>标记内。

XHTML 1.1文档

如果您在XHTML 1.1中创建了一个新网页，则您的<！DOCTYPE>标记可能如下所示：

<!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"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XHTML 1.1 Example by www.techonthenet.com</title>
</head><body>
<h1>Heading</h1>
<p>This is the content.</p>
</body></html>

在此XHTML 1.1文档示例中，<！DOCTYPE>标记位于第一行，该行不包含在<html>标记内。

好了，以上是本文所有内容，希望对大家有所帮助，也希望大家对码农之家多多支持，你们的支持是我创作的动力！祝大家生活愉快！