最近修改同事做的页面时出现错误，我自己做的时候正常，但是将修改的部分代码复制到他的页面中时出现错误，主要样式改变较大。对比发现是HTML <!DOCTYPE> 标签 不同。就查了一下W3C的关于<!DOCTYPE> 标签的详细说明。一下是W3C的详细说明。以此让自己注意也让大家关注一下。
<!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 验证器。
分享到：
相关推荐
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>`标签没有闭合标签，即它不需要以`...
在<html>内，有两个主要部分：<head>和<body>。 <head>部分包含文档元数据，如页面标题（<title>）、字符集指定（<meta charset="UTF-8">）以及链接外部CSS文件（<link rel="stylesheet" href="style.css">）。页面...
<label for="fname">名字:</label><br> <input type="text" id="fname" name="fname"><br> </fieldset> ``` ##### 标签：font - **说明**：`<font>` 标签用于指定用于渲染所包含文本的新字体、大小和颜色，但该...
DOCTYPE声明位于HTML文档的顶部，通常在`<html>`标签之前，告诉浏览器如何解析页面。 在不同的HTML版本中，DOCTYPE的声明方式有所不同，这会影响到浏览器如何呈现网页。以下是一些常见的DOCTYPE声明： 1. **HTML ...
DOCTYPE html> <!-- 双标签：有头有尾，并且尾巴内会有一个关闭符：/ --> <!-- 该文档的根元素（根节点） --> <html lang="en"> <!-- 头部标签 --> <head> <!-- 单标签（也称空标签）：有头没有尾，结尾会有一个...
DOCTYPE html>`声明文档类型，`<html>`根元素，`<head>`包含元数据（如标题），`<body>`包含网页可见内容。 `<head>`中的`<title>`标签定义了浏览器标签页显示的标题。`<meta>`标签用于设定网页的字符集、描述等元...
13. <h1> -- <h6>：<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。 14. <hr>：<hr> 标签在 HTML 页面中创建一条水平线。 15. <center>：对其所包括的文本进行水平居中。 16. <a>：<a> ...
+ `<blockquote></blockquote>`：引用标签，cite 属性，表明引用的来源。 + `<pre></pre>`：预格式标签，用于重载代码。 * 行级标签： + `<span>`：文本，用于包裹某部分文字，修改特定样式。 + `<img>`：图片，...
- **主体标签**：如`<html>`、`<head>`、`<title>`、`<body>`等，构成了HTML文档的基本框架。 #### 三、HTML文档的基本结构 一个标准的HTML文档结构如下所示： ```html <!DOCTYPE html> <html> <head> <title>...
- `<meta>`：提供关于文档的元信息，如字符编码（`charset`），关键词（`keywords`）等。 4. **文本格式化标签**： - `<p>`：段落标签，用于组织文本。 - `<strong>`：强调文本，通常表现为加粗。 - `<em>`：...
11. **语义化标签**：HTML5引入了许多新的语义化标签，如`<header>`、`<nav>`、`<main>`、`<article>`、`<section>`、`<aside>`和`<footer>`，帮助提高网页内容的可读性和可访问性。 12. **JavaScript交互**：虽然...
HTML标签是由尖括号包围的关键字，比如<html>，HTML标签通常是成对出现的,比如<b></b>，标签对中的第一个标签为开始标签，第二个标签为结束标签，开始标签和结束标签也被称为开放标签和闭合标签 HTML注释： <!–...
DOCTYPE> 文档类型 <html>文档 <body>文档主体 <h1> to <h6> HTML 标题 <p>段落 <br>换行 <hr>水平线 <!--...-->注释 --文本 <b>粗体文本 <font>不赞成用。文本字体、尺寸和颜色 <i>斜体文本 <em>强调文本 <big>大...
HTML标签是由尖括号包围的关键词，比如<html>。 HTML标签通常是成对出现的，第一个标签是开始标签，第二个标签是结束标签。 3. 初始化项目 在WebStorm软件中，可以右键点击项目名称，选择New HTML File，命名为...
姓名：<input type="text" name="name"> </form> <img src="image.jpg" alt="网站Logo"> </body> </html> ``` 这个例子展示了基本的HTML结构，包括标题、链接、文本输入和图像。理解并熟练运用HTML，是创建和...
标签：如<html>、<head>、<body>、<h1>到<h6>（标题）、<p>（段落）、<a>（链接）、<img>（图像）等。 示例代码： <!DOCTYPE html> <html> <head> <title>我的网页</title> </head> <body> <h1>欢迎来到我的网页</...