`
dview112
  • 浏览: 6060 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

为何在有 DOCTYPE 的 HTML 文档之上仍然还会出现混杂模式?

    博客分类:
  • Html
 
阅读更多

不使用 DOCTYPE 一定会使 HTML 文档处于混杂模式,然而使用了 DOCTYPE,也不一定就能够使文档在所有浏览器中均处于标准模式。

DOCTYPE 本身不就是一个“开关”吗?为何在有 DOCTYPE 的 HTML 文档之上仍然还会出现混杂模式?这个和以下条件有关:

  • 使用了本身就会使浏览器进入混杂模式的古老的甚至是错误的 DOCTYPE
  • 在 DOCTYPE 之前出现了其他内容,如注释,甚至是 HTML 标签

加一个标准的 DOCTYPE就不会了:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
分享到:
评论

相关推荐

    web前端面试题

    CSS 中可以让文字在垂直和水平方向上重叠的两个属性是什么?** - `text-align` 和 `vertical-align` 可以用来调整文本的对齐方式。 **26. 如何垂直居中一个浮动元素?** - 可以使用绝对定位配合 `transform: ...

    javascript面试题

    **27、css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?** - `vertical-align`:垂直对齐。 - `text-align`:水平对齐。 **28、如何垂直居中一个浮动元素?** 使用 `flexbox` 或 `grid` 布局可以轻松...

    html的文档

    HTML(HyperText Markup Language)是互联网上应用最广泛的语言,它是构建网页的基础,也是Web前端开发的核心技术之一。HTML文档由一系列元素组成,这些元素通过标签来定义,从而告诉浏览器如何解析和显示内容。在...

    面试宝典之吊打面试官系列

    - **问题**: css中可以让文字在垂直和水平方向上重叠的两个属性是什么? - **答案**: `vertical-align` 和 `text-align` 可以实现这一效果。 **26. 浮动元素垂直居中** - **问题**: 如何垂直居中一个浮动元素? - *...

    干货前端工程师面试题汇总内含题目解析和详细答案

    - **混杂模式**则发生在没有正确声明doctype或使用了旧版doctype的情况下,此时浏览器会采用向后兼容的方式来渲染页面,可能导致页面呈现与预期不符。 - **意义**:正确使用doctype可以帮助开发者避免因浏览器解析...

    超文标记语言

    - **双边距BUG**:当元素设置为`float`时,可能会出现额外的边距。解决方法是使用`display`属性。 - **3像素问题**:某些情况下,`float`元素可能会产生3像素的空白。可以通过调整`display`属性来解决。 - **超链接...

    网页前端开发笔试题.pdf

    混杂模式通常在缺少DOCTYPE或使用非标准DOCTYPE时触发。区分这两种模式的意义在于确保在不同浏览器间保持一致的页面显示。 2. **HTML元素分类**:行内元素(如`&lt;span&gt;`, `&lt;a&gt;`, `&lt;img&gt;`)在一行内显示,而块级元素...

    Web前端开发经典面试题(附参考答案)

    如果 DOCTYPE 不存在或格式不正确,通常会导致浏览器进入混杂模式。 - D 项正确。浏览器根据 DOCTYPE 的存在与否及类型选择渲染模式。 #### 页面加载事件 1. **问题**: 下列哪一个是页面载入时会触发什么 DOM ...

    2024年前端工程师面试题

    HTTP工作在客户端/服务端模型之上,客户端发起HTTP请求,服务器返回HTTP响应。而HTTPS(HTTP Secure)是HTTP的安全版本,在HTTP的基础上加入了SSL/TLS协议,SSL负责对通信内容进行加密处理,确保数据传输的安全性。 ...

    最新版前端开发工程师面试题目

    DOCTYPE声明定义了文档类型和版本,严格模式下浏览器按照W3C标准解析,混杂模式则遵循更宽松的旧规则,对于兼容性和标准一致性具有重要意义。 以上只是面试题目的冰山一角,前端开发面试还可能涵盖JavaScript、CSS...

    前端工程师面试题汇总.docx编程资料

    - **严格模式与混杂模式**:这两种模式会影响页面的渲染方式。严格模式按照W3C标准来解析和展现文档;混杂模式则按照浏览器自己的行为来解析和展现文档。通常是因为DOCTYPE声明不正确或者HTML标记不符合规范导致...

    前端考试题

    如果没有正确的DOCTYPE声明,浏览器可能会进入混杂模式(quirks mode),导致布局和样式的意外行为。而严格模式(strict mode)则基于正确的DOCTYPE声明,确保浏览器按照标准渲染文档。 以上是对给定前端考试题中的...

    Web前端开发工程师经典面试题(附参考答案)

    实际上,如果DOCTYPE不存在或格式不正确,则浏览器可能会进入混杂模式。 - D. 浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。 **正确**。 **答案**: C --- #### 五、DOM事件触发 **题目**...

    前端面试宝典

    - **混杂模式**则是以一种更加宽容的方式来解析文档,以避免出现布局问题。 - 触发这两种模式的关键在于DOCTYPE声明的存在与否及其格式是否正确。 6. **盒模型:** - 盒模型是描述元素在页面上的布局方式。 - ...

    CSS中的四种引用方式

    - 导入样式会在HTML文档加载完成后才加载CSS文件,这可能导致页面在加载过程中出现样式缺失的情况,即所谓的“样式闪烁”现象。 #### 六、优先级问题 **原则:** CSS样式的优先级遵循就近原则,即离HTML元素越近的...

Global site tag (gtag.js) - Google Analytics