doctype

doctype陌生又熟悉。

最近修改一个网站,加入css的一些属性时在IE9大量实效。

开始google,很多人说要link标签一定要在head之间,使用js来动态将link标签插入近head里来实现。

http抓包,显示css文件正常加载,但是type是text/plain,然后又修改apache服务器,增加mime,问题还是没有解决。

最后由于网页是早年开发的,html头使用了下面的标签。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
于是换成
<!DOCTYPE>
后, border-radius等属性也没有问题。


特此记录一下。


### DOCTYPE 在 HTML 中的含义及其中文翻译 DOCTYPE 是 **Document Type Declaration**(文档类型声明)的缩写,用于定义网页所使用的 HTML 或 XHTML 版本。它位于 HTML 文档的最顶部,是浏览器解析和渲染页面内容的重要依据[^1]。 中文中,DOCTYPE 通常被翻译为“文档类型声明”或“文档类型定义”。它的主要作用是告诉浏览器以何种标准模式来解析和显示网页内容。如果缺少 DOCTYPE 声明,浏览器可能会进入 Quirks Mode(怪异模式),在这种模式下,浏览器会使用非标准的方式解析和渲染页面,导致页面布局和样式可能出现问题[^2]。 以下是一些常见的 DOCTYPE 声明示例: #### HTML5 ```html <!DOCTYPE html> ``` 这是 HTML5 的简单声明方式,适用于现代网页开发[^3]。 #### XHTML 1.0 Transitional ```html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ``` 此声明表示文档遵循 XHTML 1.0 Transitional 标准,允许更多的灵活性和向后兼容性[^4]。 #### HTML 4.01 Strict ```html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> ``` 此声明表示文档遵循严格的 HTML 4.01 标准,不允许包含表现层的元素或属性[^5]。 ### DOCTYPE 的重要性 正确的 DOCTYPE 声明有助于确保网页在不同浏览器中的兼容性和一致性。现代浏览器支持标准模式和怪异模式两种渲染方式,而 DOCTYPE 是决定浏览器采用哪种模式的关键因素[^6]。 ```python # 示例:检测当前页面是否处于标准模式 if document.compatMode === "CSS1Compat": print("当前页面处于标准模式") else: print("当前页面处于怪异模式") ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值