HTML <!DOCTYPE> 标签
正如您可能知道的,Web 浏览器可以在不同的模式下运行,具体取决于 HTML 文档中是否有有效的 doctype。如果没有找到有效的 doctype,浏览器将在 quirks 模式下运行,其中将为向后兼容维护一些非标准功能。如果找到了有效 doctype,浏览器将在标准模式下运行,即根据 W3C 和 IETF 标准。
定义和用法
<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
以下面这个 <!DOCTYPE> 标签为例:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
在上面的声明中,声明了文档的根元素是 html,它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。
提示和注释:
注释:<!DOCTYPE> 标签没有结束标签!
HTML
HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Frameset。
HTML Strict DTD
如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">
HTML Transitional DTD
Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 HTML 的呈现特性时,请使用此类型:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
Frameset DTD
Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional DTD:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "
http://www.w3.org/TR/html4/frameset.dtd">
XHTML
XHTML 1.0 规定了三种 XML 文档类型:Strict、Transitional 以及 Frameset。
XHTML Strict DTD
如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML Transitional DTD
Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 XHTML 的呈现特性时,请使用此类型:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML Frameset DTD
当您希望使用框架时,请使用此 DTD!
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
如需检查你是否编写了带有正确 DTD 的合法 XHTML 文档,您可以把您的 XHTML 页面链接到一个 XHTML 验证器。
HTML5
HTML5 的 doctype 非常简单:<!doctype html>。
您应该在创建的每个 HTML5 页面顶部包括此行。让我们继续并定义 index.html 页面的基础大纲。该操作的代码位于 清单 1 中。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>HTML5 Demo</title>
<link rel="stylesheet" href="styles.css" />
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk
/html5.js"></script>
<![endif]-->
</head>
<body>
</body>
</html>
来源:
http://www.w3school.com.cn/tags/tag_doctype.asp
http://www.ibm.com/developerworks/cn/web/tutorials/wa-html5/section4.html
分享到:
相关推荐
DOCTYPE>并不是HTML标签,它声明web浏览器关于页面使用哪个 HTML 版本进行编写的指令。 在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现...
<attribute> 以对象的形式代表了 HTML 元素的标签属性或属性。 <B> 指定文本应以粗体渲染。 <base> 指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。 <baseFont> 设置渲染文本时作为缺省字体的...
DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。如果不写,可能会造
DOCTYPE html> <!-- 双标签:有头有尾,并且尾巴内会有一个关闭符:/ --> <!-- 该文档的根元素(根节点) --> <html lang="en"> <!-- 头部标签 --> <head> <!-- 单标签(也称空标签):有头没有尾,结尾会有一个...
DOCTYPE> 文档类型 <html>文档 <body>文档主体 <h1> to <h6> HTML 标题 <p>段落 <br>换行 <hr>水平线 <!--...-->注释 --文本 <b>粗体文本 <font>不赞成用。文本字体、尺寸和颜色 <i>斜体文本 <em>强调文本 <big>大...
HTML标签是由尖括号包围的关键字,比如<html>,HTML标签通常是成对出现的,比如<b></b>,标签对中的第一个标签为开始标签,第二个标签为结束标签,开始标签和结束标签也被称为开放标签和闭合标签 HTML注释: <!–...
doctype html> <html> <head> <meta charset="utf-8"> <title>表格 </title> </head> <body> ....... </body> </html> <table border="1"> <tr> <td>品牌</td> <td>型号</td> <td>颜色</td> </tr> <tr> <td>华为</td...
DOCTYPE>声明开始,然后包含<html>元素,其中包括<head>和<body>部分。<head>包含文档的元数据,如标题、字符编码和引入的外部资源;<body>包含页面的可见内容。 标题和段落: 使用<h1>到<h6>标签定义标题,表示...
<title>action标签</title> </head> <body> <!-- 这句会显示action请求的跳转页面success.jsp页面要显示的内容 --> <s:action name="action" executeResult="true"></s:action> <!--这句不会显示 --> <s:action name...
DOCTYPE html> B <!DOCTYPE HTML PUBLIC> C <!DOCTYPE xhtml> D <!DOCTYPE html5> 2、以下全部属于块级标签的是 A <div><p><input><span><img> B <div><h1><p><img><dl> C <span><h1><p><img><dl> D <div>...
学习和使用常见的HTML标签,如标题标签(<h1>至<h6>)、段落标签<p>、图像标签<img>、链接标签<a>、列表标签<ul>/<ol>/<li>等。 理解HTML5新增的语义化标签,比如<header>, <nav>, <section>, <article>, <footer>等...
DOCTYPE html>`---------*注明文件使用格式* `<html lang="en">`--------*注明网页使用语言 en-英语 zh-CN-中文*<br /> `<head>`--------*头部*<br /> `<meta charset=UTF-8>`-------*设置字符集,一般都为UTF-8...
用JS创建一个录屏功能 OBS studio很酷,但 ...DOCTYPE html> <html> <head> <title>Parcel Sandbox</title> <meta charset="UTF-8" /> </head> <body> <video class="video" width="600px" controls></video>
北大青鸟s1 HTML 知识点总结 HTML5的优势 世界知名浏览器厂商对HTML5的支持:微软 、Google、苹果、Opera、Mozilla 市场的需求 ...没有顺序,每个<dt>标签、<dd>标签独占一行(块元素) 默认没有标记
(1)双标签书写规则:<双标签名称>内容</双标签名称>,例如<html>内容</html>; (2)单标签书写规则:<单标签名称/>,例如<br/>; 3.HTML属性 HTML属性指的是标签属性,HTML标签可以拥有属性,给相关的HTML元素提供...
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> ...
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- saved from url=(0043)http://www.chinahongker.com/index/index.asp --> <HTML><HEAD><TITLE>E鹰网络工作室</TITLE><LINK href="/images/css....
HTML5 新增的一些新标签除了不仅仅是更具语义的 <div> 标签的替代品,并不提供额外的功能。这些都是新增的标签:<article>、<section>、<aside>、<hgroup>、<header>,<footer>、<nav>、<time>、<mark>、...
请你编写一个CSS文件,用于改变<p>标签中文字的大小,和颜色。并在相关页面内写出完整的链接语句 HTML中的代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
HTML !DOCTYPE 标签.docx