Web_Design 板


LINE

看到上头有人提到 DTD,就来写些跟 DTD 的东西吧:) 好久以前的某个时候,浏览器们终於明白支援 Web 标准是一定要的啦, 问题是,新浏览器要如何才能兼顾 Web 标准与不合标准的网站呢? DOCTYPE 就是这种判断机制的开关。 若网页开头有 DOCTYE,代表它会符合标准,所以浏览器要依 W3C 的规格来读网页, 反之,就用旧的方法处理网页。 (一直到 2000 年,浏览器们才开始采用这机制。) DOCTYPE 切换运作的方式: * 若有完整 URI 的 XHTML DOCTYPE,则切到标准模式,用 W3C 规则来读 网页里的 CSS 与 XHTML。 * 若有不完整或过时的 DOCTYPE 或没有 DOCTYPE,就切成相容模式, 用传统方法来处理网页。 完整的长得像这样,会让浏览器切到标准模式: <!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 这是 XHTML 1.0 Strict DOCTYPE,还有 Transitional 跟 Frameset DOCTYPE。 不完整的像这样,会切到相容模式: <!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Strict//EN" "/DTD/xhtml1-strict.dtd"> 两者差异只在於前者用绝对路径,後者用相对路径。 当然,这是个正确的网址,你可以连去下载到该份 DTD, 可是浏览器看到它时,不会真的去下载这 DTD, 它只是用来判断要切换成哪种模式罢了。 (另,IE 并不守规矩,网页中只要出现 XHTML DOCTYPE,不论是否是完整网址, IE 都会切成标准模式。 但为了其他浏览器,建议还是用完整路径) (但,就算有完整路径,只要网页开头有 <?xml version="1.0" ...?> 这东东 ,称为 XML Prolog,IE6就会切成相容模式 =.=) --------------------------------------------------------------------------- 以下列出各 DTD。 XHTML 1.0 Strict 可让所有支援 DOCTYPE 的浏览器切成标准模式, 但是对 Opera 7.0 之前的版本,或 IE6 之前的版本无效。 <!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> XHTML 1.0 Transitional 让 IE6+/Win 及 IE5+/Mac 切成标准模式。 使第一代 Gecko 浏览器(Mozilla 1.0,Netscape 6)切成标准模式。 使第二代 Gecko 浏览器(Mozilla 1.01,Netscape7+,Chimera 0.6+)切成 近乎标准模式。 对 Opera 7.0 之前的版本,或 IE6 之前的版本无效。 <!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Transtitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> XHTML 1.0 Frameset 让 IE6+/Win 及 IE5+/Mac 切成标准模式。 使第一代 Gecko 浏览器(Mozilla 1.0,Netscape 6)切成标准模式。 使第二代 Gecko 浏览器(Mozilla 1.01,Netscape7+,Chimera 0.6+)切成 近乎标准模式。 对 Opera 7.0 之前的版本,或 IE6 之前的版本无效。 <!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> XHTML 1.1 此规格等同於 Strict,可让所有支援 DOCTYPE 的浏览器切成标准模式, 但是对 Opera 7.0 之前的版本,或 IE6 之前的版本无效。 <!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.1EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1.dtd"> HTML 4.01 Strict 会让 IE 切成标准模式,新版的 Gecko 切成近乎标准模式。 <!DOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 但若用完整的 HTML 4.0 DOCTYPE,却会使 IE 跟 Gecko 切成相容模式! 所以讲了这麽多,目前的最佳解就是采用 XHTML (Transitional)。 -- ╭───────我收集的免费软体─────────╮ │http://www.csie.nctu.edu.tw/~chtai/software.php │ ╰────────────────────────╯ --



※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 140.113.89.77 ※ 编辑: NelsonT 来自: 140.113.89.77 (11/04 03:16)
1F:推 TKirby:这篇要推一下 140.112.30.67 11/04
2F:推 eye12006:推荐这篇文章 61.229.50.88 11/04
3F:推 ilovekebi:好文必推 203.204.197.99 11/05
4F:→ nosql:2009年才看到一推 08/06 11:50
5F:→ nosql:啊 还不能推Orz 08/06 11:50







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:Soft_Job站内搜寻

TOP