HTML <!DOCTYPE>标记
原文链接:https://blog.csdn.net/wuxiaopengnihao1/article/details/126521900
描述
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>标记内。