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 规定了标记语言的规则,这样浏览器才能正确地呈现...
1. **语法严格性**:XHTML的语法更严格,要求所有元素必须正确关闭(除了少数自闭合元素如`<img>`和`<br>`),而HTML则相对宽松,可以省略一些元素的结束标签。 2. **元素大小写敏感**:在XHTML中,元素和属性名是...
这个声明位于HTML文档的开头,且必须在 `<html>` 标签之前。 `<!DOCTYPE html>` 是HTML5规范中的声明方式,它表明当前文档是一个符合HTML5标准的网页。在HTML5之前,不同的DOCTYPE声明对应着不同的HTML或XHTML版本...
DOCTYPE>`标签是文档类型声明,它在HTML或XHTML文档的开头,用于告诉浏览器文档遵循的HTML或XHTML规范。这个声明非常重要,因为它会影响浏览器如何解析和渲染页面内容。`<!DOCTYPE>`标签没有闭合标签,即它不需要以`...
例如,<a>标签用于创建可点击的链接,它的href属性指定目标URL,而文字则包含在<>和</a>之间。图片标签<img>的src属性指定了图片的路径,alt属性提供了当图片无法显示时的替代文本。 HTML还支持表格(<table>)、表单...
<attribute> 以对象的形式代表了 HTML 元素的标签属性或属性。 <B> 指定文本应以粗体渲染。 <base> 指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。 <baseFont> 设置渲染文本时作为缺省字体的...
DOCTYPE声明位于HTML文档的顶部,通常在`<html>`标签之前,告诉浏览器如何解析页面。 在不同的HTML版本中,DOCTYPE的声明方式有所不同,这会影响到浏览器如何呈现网页。以下是一些常见的DOCTYPE声明: 1. **HTML ...
DOCTYPE声明位于HTML文档的顶部,通常在`<html>`标签之前。 在不同的浏览器中,如果没有声明DOCTYPE,页面可能会在不同的渲染模式下显示,导致布局和样式差异。例如,Firefox(FF)和Internet Explorer(IE)在默认...
DOCTYPE html> <!-- 双标签:有头有尾,并且尾巴内会有一个关闭符:/ --> <!-- 该文档的根元素(根节点) --> <html lang="en"> <!-- 头部标签 --> <head> <!-- 单标签(也称空标签):有头没有尾,结尾会有一个...
DOCTYPE> 文档类型 <html>文档 <body>文档主体 <h1> to <h6> HTML 标题 <p>段落 <br>换行 <hr>水平线 <!--...-->注释 --文本 <b>粗体文本 <font>不赞成用。文本字体、尺寸和颜色 <i>斜体文本 <em>强调文本 <big>大...
- **主体标签**:如`<html>`、`<head>`、`<title>`、`<body>`等,构成了HTML文档的基本框架。 #### 三、HTML文档的基本结构 一个标准的HTML文档结构如下所示: ```html <!DOCTYPE html> <html> <head> <title>...
11. **语义化标签**:HTML5引入了许多新的语义化标签,如`<header>`、`<nav>`、`<main>`、`<article>`、`<section>`、`<aside>`和`<footer>`,帮助提高网页内容的可读性和可访问性。 12. **JavaScript交互**:虽然...
此外,HTML5引入了一些新的标签,如<header>、<footer>、<nav>、<article>和<section>,这些帮助提高页面的语义化,使页面结构更清晰,对搜索引擎优化(SEO)也有益。 在实际应用示例中,我们可能会看到如何使用CSS...
HTML标签是由尖括号包围的关键字,比如<html>,HTML标签通常是成对出现的,比如<b></b>,标签对中的第一个标签为开始标签,第二个标签为结束标签,开始标签和结束标签也被称为开放标签和闭合标签 HTML注释: <!–...
HTML中的`<base>`标签是一个常被忽视但十分重要的元素,它主要用来设定网页中所有链接的基础URL,以及设定默认的页面打开方式。这个标签在前端开发中扮演着简化路径处理的角色,尤其当你的网站拥有复杂的目录结构时...
HTML标签是由尖括号包围的关键词,比如<html>。 HTML标签通常是成对出现的,第一个标签是开始标签,第二个标签是结束标签。 3. 初始化项目 在WebStorm软件中,可以右键点击项目名称,选择New HTML File,命名为...
- `<table>`:创建表格,通过`<tr>`、`<td>`、`<th>`等标签构建。 - `<form>`:定义表单,用于收集用户输入的信息。 - `<input>`:用于创建各种类型的输入控件,如文本框、隐藏字段、密码框等。 - `<select>`:创建...
DOCTYPE html>`开始,接着是`<html>`标签,这是文档的根元素。`<head>`标签包含文档的元数据,如标题、样式和脚本,而`<body>`标签包含文档的内容。 HTML常用标签 * `<a>`:定义超级链接 * `<acronym>`:定义缩写...
`<acronym>` 标签用于定义首字母缩略词,与 `<abbr>` 类似,但在HTML5中已被废弃。 - **示例**:`<acronym title="Cascading Style Sheets">CSS</acronym>` —— 显示为“CSS”,当鼠标悬停时显示完整词组...
DOCTYPE html>`声明、`<html>`元素、`<head>`元素和`<body>`元素。`<!DOCTYPE html>`定义了文档类型,确保浏览器以HTML5标准解析页面。 在`<head>`部分,我们可以添加`<title>`标签来设置网页的标题,这在浏览器的...