现象描述:最近在遇到的问题就是在在Chrome,火狐页面都正常,唯独在IE8下页面显示错位。
查找过程:经过ie8的F12调试,发现在文本模式中会自动变为 杂项Quirks,而不是变为 标准模式,所以查找相关代码。
结论:<!DOCTYPE >的三种不同格式导致的这个问题。 详细见下面
原来使用的是 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" >
现在改成 <!DOCTYPE HTML > 或者 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
改完之后问题解决。
DOCTYPE可声明三种 DTD 类型:严格版本(Strict)、过渡版本(Transitional )以及框架版本(Frameset)。
Eg:HTML 4.01 、XHTML 1.0
Strict DTD
干净、免于表现层混乱、与层叠样式表(CSS)配合使用:
HTML 4.01 :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">
XHTML 1.0:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Transitional DTD
包含 W3C 所期望移入样式表的呈现属性和元素,如果使用了不支持层叠样式表(CSS)的浏览器以至于不得不使用 HTML /XHTML的呈现特性时,使用该类型。对于一般开发者而言,若对页面没有特殊的要求且想保持兼容性,使用该类型足以。
HTML 4.01 :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Frameset DTD
用于带有框架的文档。(HTML 4.01 中除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于Transitional DTD)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "
http://www.w3.org/TR/html4/frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
HTML5基本上没有XHTML 1.0 Transitional严格的要求,并且简化了很多东西可以直接使用 <!DOCTYPE HTML>
Html5 :<!DOCTYPE HTML>
相关推荐
DOCTYPE html>文档都上方的,但是在IE8浏览文本模式默认就编程了“Quirks”模式,显示不正常,后来改成了写在文档头下方就可以正常显示了,经过这次吸取了教训,也希望给遇到此类问题的同学一个借鉴的灵感!...
【IE文本转语音控件与Web语音(TTS)控件】是用于在B/S(浏览器/服务器)架构的系统中实现文本到语音(Text To Speech,简称TTS)转换的技术解决方案。这种技术允许用户在IE浏览器中浏览网页时,将显示的文本内容转化...
2. **IE的兼容性视图**:IE8引入了一个名为“兼容性视图”的功能,允许用户以较低版本的IE(如IE7)模式浏览网站。这个部分会解释如何开启这个模式,通常是通过点击地址栏旁边的“兼容性视图”按钮或在设置中进行...
- 设置文本模式为“文本模式(M):IE8标准”。 - 关闭“开发人员工具”窗口后,通常情况下页面应该能正确加载。 #### 三、第三方浏览器的兼容性设置 除了原生的IE浏览器外,许多用户还可能会使用第三方浏览器,如...
标题中的“谷歌浏览器chrome打开IE页面的插件,亲测可用,20220121”表明这是一个关于Google Chrome浏览器的插件,它的主要功能是能够在Chrome中模拟或调用Internet Explorer(IE)浏览器的功能。这个插件在2022年1月...
3. **兼容模式**:如果遇到网页显示问题,可以尝试在IE的“兼容模式”下浏览,这可能有助于解决页面渲染问题。 总的来说,虽然Win11主要推荐使用Microsoft Edge,但通过VBS脚本的方式,我们依然可以在保持系统安全...
在这个特定的场景中,我们需要在IE浏览器中读取TXT文本文件,然后逐行显示并进行排序。这涉及到JavaScript的File System Object (FSO) 和ActiveXObject,这些都是IE浏览器特有的功能。 首先,让我们了解一下...
从描述来看,如果移除该注释,IE浏览器下的页面显示会出现问题,但并未明确指出具体是什么问题以及为何会产生这种问题。 #### 三、DOCTYPE声明的重要性 ##### DOCTYPE声明的定义 DOCTYPE声明是用来指定当前文档...
在网页开发中,DOCTYPE声明是不可或缺的一部分,尤其是在处理与Internet Explorer...忽视DOCTYPE可能导致页面在不同的文本模式下显示不一致,因此,正确使用DOCTYPE声明是构建可访问性和跨浏览器兼容性良好网页的基础。
3. **FF: body设置text-align时,div需要设置margin: auto**:若要使div在页面中水平居中,Firefox需要在body上设置`text-align: center`,然后在div上设置`margin: auto`,而IE则只须`margin: auto`。 4. **FF: ...
**基于MFC的IE浏览器源代码详解** 在编程领域,MFC(Microsoft Foundation Classes)是微软提供的一套C++类库,它使得开发者能够更容易地使用Windows API来开发应用程序。本篇文章将深入探讨如何利用MFC来实现一个...
在本文中,我们将深入探讨如何解决KindEditor在Internet Explorer 11(IE11)下遇到的弹出框显示问题,这是一个典型的浏览器兼容性问题。首先,我们需要了解问题的根源,然后逐步分析代码以找到解决方案。 ...
IE浏览器控件是一个ActiveX控件,可以嵌入到Delphi应用程序中,以便显示和操作网页内容。通过使用这个控件,开发人员能够在自己的程序中实现网页浏览、表单提交、JavaScript执行等功能。 #### 二、安装IE浏览器控件...
标题提及的“IE浏览器和火狐浏览器兼容问题”主要集中在CSS样式方面,因为CSS在不同浏览器之间的解析方式有所差异,导致在Internet Explorer(IE)和Firefox中显示效果可能不一致。以下是一些关键的兼容性问题及解决...
通过这种方式,开发者可以深入了解用户在IE浏览器中的行为模式,这对于开发安全软件、广告定向、用户体验优化等领域都有实际应用价值。然而,值得注意的是,这种技术可能涉及用户隐私问题,因此在实际应用中必须遵守...
虽然IE浏览器在早期对Web标准的支持相对较弱,导致了与Firefox、Chrome等浏览器在页面渲染上存在差异,但在后续版本中,微软逐步加强了对HTML、CSS、JavaScript等标准的支持。尤其是IE9及以后的版本,对现代Web标准...
3. **活动视图**:IE8的活动视图允许用户在不离开当前页面的情况下预览链接内容,提高了浏览效率。 4. **隐私保护**:为了加强隐私保护,IE8提供了“InPrivate浏览”模式。在这种模式下,浏览器不会保存用户的浏览...
5. **系统设置**:这些可能是用于配置浏览器行为、隐私设置、字体大小、显示模式等的选项。 根据给出的标签“iecode”,我们可以推断这是一个与IE浏览器相关的编程代码,可能是用某种编程语言实现的,如C++、C#或...
3. **隐私浏览模式**(InPrivate Browsing):允许用户在不保存浏览历史、临时互联网文件、表单数据或搜索记录的情况下浏览网页,保护用户的隐私。 4. **安全增强**:包括Phishing Filter(钓鱼过滤器)升级,可防止...