搞过前端的人,都知道写html要加上<!DOCTYPE>声明。我对HTML <!DOCTYPE> 这个标签,真是天天见,天天视而不见。这个标签到底是干嘛用的?我还真说不出来。今天我搜集结合网上的资料总结了一下。
<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。大多数浏览器都支持两种模式:怪异模式和标准模式。如果未声明<!DOCTYPE>,浏览器在渲染页面的时候会使用怪异模式;各个浏览器在怪异模式下对各个元素渲染是有差异的。使用doctype,浏览器就会在标准模式下渲染。(IE6以下版本,声明doctype也工作在怪异模式下。)
HTML 4规定了三种文档类型:Strict、Transitional 以及 Frameset。写法分别是:
1.Strict:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2.Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3.Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Strict DTD 用于和层叠样式表CSS配合使用。如果您需要干净的标记,免于表现层的混乱,请使用此类型。
这里千万注意,如果你的CSS里面用了 margin:0 auto;使元素居中,必须使用此类型。
Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 HTML 的呈现特性时,请使用此类型。
Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional DTD。
XHTML 1.0 也规定了三种 XML 文档类型。 分别是Strict、Transitional 和 Frameset。具体写法如下:
1.Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2.Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3.Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
这三种写法的区别跟HTML4.0的三种写法基本相同。
HTML5的写法如下:
<!DOCTYPE html>
<!DOCTYPE html>这种写法现代的浏览器基本都支持,而且简洁明了。
我一直以为只写<!DOCTYPE html> 不指定dtd将会开启浏览器的怪异模式,这是错误的。我在IE8和FF下测试,只些<!DOCTYPE html>,不指定DTD,不进入怪异模式。IE其他版本手上没有,没有测试。也不能排除在布局的时候出现什么问题。反正现在的工具都很方便,这个东西也不用手输入。在Dreamweaver中,新建HTML的时候,可以选择文档类型。所以就不要偷懒了。
用Javascript可以取得浏览器是工作在标准模式还是怪异模式下。
mode=document.compatMode;
- 大小: 112.8 KB
分享到:
相关推荐
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