html文档申明

已于 2022-08-22 14:37:32 修改
阅读量72 收藏
点赞数
分类专栏： 前端
于 2022-08-22 14:33:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44164693/article/details/126465539
版权

文档声明 浏览器渲染 怪异模式 标准模式 CSS盒模型
关键词由CSDN通过智能技术生成
  1. 文档声明概念
    1. <!DOCTYPE html>
    2. 告知浏览器文档类型
    3. 任何放在DOCTYPE前面的东西，比如批注或XLM声明，会让早期的浏览器（IE9）触发怪异模式。
  2. 渲染模式
    1. 怪异模式（混杂模式）
    2. 严格模式（标准模式）
    3. 几乎标准模式
    4. 模式的存在是为了保持浏览器渲染得兼容性
    5. 严格模式与怪异模式的部分区别
      • 盒模型的高宽包含padding和border
      • 怪异模式下可以设置行内元素宽高会生效
      • 可设置百分比高度
      • 用margin：0 auto水平居中失效
      • Quirks模式（怪异）设置图片padding无效
      • Quirks模式Table中的字体属性不能继承上层的设置

Quirks模式white-space:pre会失效

控制台查看模式， document.compatMode。BackCompat:怪异模式。CSS1Compat:正常模式。

如何触发怪异模式，删除文档声明即可（<!doctype html>）

weixin_44164693
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
html4.01文档类型申明,网页制作基础 声明文档类型描述（DTD
weixin_32445049的博客
06-10 599
网页制作基础 声明文档类型描述(DTD发布时间：2009-07-13 01:01:28 作者：佚名 我要评论CSS布局建立符合WEB标准的页面，一直是webjx.com探讨的话题，今天说说声明文档类型描述(DTD)。所有的文件需要用文档类型定义(DTD)开始，来告诉浏览器打开页面时应遵循什么规则。当我们使用网页设计工具Dreamweaver新建网页文档以后，你将会在新文档CSS布局建立...
HTML初学者常用标签及属性
weixin_34408717的博客
03-12 1549
1.HTML5头部结构 【DOCTYPE html】 声明文档类型为HTML5文件。 文档声明在HTML5文档必不可少，且必须放在文档的第一行。 【meta标签】 1-charset属性：单独使用，设置文档字符及编码格式。 写法：<meta charset="UTF-8"> 常见的中文编码格式： B-2312:国标码，简体中文 GBK：扩展的国标编码，简体...
[HTML] 文档声明
aixintianshideshouhu的博客
05-09 783
文档声明概念 HTML 文档通常以文档声明开始，该声明的作用是帮助浏览器确定其尝试解析和显示的 HTML 文档类型。 <!DOCTYPE html> 文档声明并非一个 HTML 标签。它是一条“信息”，告知浏览器期望的文档类型 可以看点, HTML 班班从最开始到最新的 HTML5， 中间经历了许多版本。 不同版本最显著的差别支持的 HTML 元素是不同的， 所以需要告诉浏览器以哪一种类型方式来解析这个 HTML 文件。 最新的 HTML5 的文档声明。 <!DOCTYPE html&
HTML 文档声明
qq_41988669的博客
08-03 730
HTML 文档声明
html5的文档申明,IT兄弟连 HTML5教程 HTML文件的主体结构
weixin_32150221的博客
06-03 82
原标题：IT兄弟连 HTML5教程 HTML文件的主体结构 每个页面都是一个独立的HTML文档，每个HTML文档的主体结构又都是相同的，而且在一个文档中这样的主体结构只能声明一次。可以简单的将HTML文档主体结构分为两部分，一部分是定义文档类型，HTML5中声明文档类型可比以前的版本简单多了，只需要15个字符就可以搞定。另一部分则是定义文档主体的结构框架标签，因为标签并不是任意排放的，需要有一定的...
html5的文档申明,html5的文档申明为什么是<!DOCTYPE html>？
weixin_39614094的博客
06-03 169
首先我们来了解一下什么是文档声明：文档声明就是文档告诉游览器该以什么样的标准去解析它。游览器可以解析的文档可不止html，还有xhtml，xml...当然在这里我们并不需要知道xhtml、xml是什么以及和html的区别，我们只需要知道，游览器可以解析的文档不止html ,所以文档声明是必须的，为的就是保证游览器能够正确解析文档类型。然后我们再来了解下html(Hyper Text Markup ...
html文档声明
weixin_63010951的博客
07-28 790
一些自动生成的框架解释
html5的文档申明,html5的文档申明为什么是？ - HelloJava菜鸟社区
weixin_39703551的博客
06-03 162
首先我们来了解一下什么是文档声明：文档声明就是文档告诉游览器该以什么样的标准去解析它。游览器可以解析的文档可不止html，还有xhtml，xml...当然在这里我们并不需要知道xhtml、xml是什么以及和html的区别，我们只需要知道，游览器可以解析的文档不止html ,所以文档声明是必须的，为的就是保证游览器能够正确解析文档类型。然后我们再来了解下html(Hyper Text Markup ...
HTML中的文档声明
小卡酷谋的博客
04-22 1245
浏览器都开始采纳新标准，但存在一个问题就是如何保证旧的网页还能继续浏览，在标准出来以前，很多页面都是根据旧的渲染方法编写的，如果用的标准来渲染，将导致页面显示异常。书写文档声明原因是不同版本所支持的 HTML 元素类型是不同的，我需要告诉浏览器以哪一种文档类型方式来解析当前的这个 HTML 文件。模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置高度，子元素设置一个百分比的高度是无效的。为保持浏览器渲染的兼容性，使以前的页面能够正常浏览，浏览器都保留了旧的渲染方法（如：微软的。
前端代码规范文档，js，css，html等
10-20
1.2.1 HTML 文档类型申明：推荐使用 HTML5 的文档类型申明，避免使用 XHTML。 1.2.2 缩进：使用 2 个空格（一个 tab）；嵌套的节点应该缩进。 1.2.3 分块注释：在每一个块状元素、列表元素和表格元素后，加上一对 ...
HTML5面试题面试整理（含答案）最新版.docx
06-10
触发标准模式或者说严格模式很简单，就是 HTML 前申明正确的 DTD，出发混杂模式可以在 HTML 文档开始不声明 DTD，或者在 DOCTYPE 前加入 XML 声明。 二、 HTML5 新标签 HTML5 新增了许多有用的标签，以下至少列举 ...
HTML思维导图+学习笔记+实际案例
01-08
（5）html文档申明： a、framset框架文档类型 b、严格的文档类型 c、过渡的文档类型（宽松的文档类型） d、html5的文档类型 三、html基本标签 1、文件标签（结构标签） Insert title here ：根标签 ...
Web前端网页初级课程-html(笔记)
06-24
doctype html>`: 文件保护申明 * `<html lang="en">`: 文件语言为英语 * `<head>`: 主页头部信息 * `<meta charset="UTF-8">`: 字符编码方式为 UTF-8 * `<title>Document</title>`: 设置网页的标题 * `<body>`: 网页...
js HTML5上传示例代码完整版
01-19
这里还是申明一下插件核心组件出处CFUpdate (0.8.2 Base) HTML5 批量上传组件 HTML5版本，只要支持HTML5的浏览器都可以正常使用，并对触摸屏（手机，平板）进行了优化 IE9+ Firefox Chrome Opera Safari IPhone4 ...
在Vue程序中，如何检测用户的登录状态并跳转到对应页面
最新发布
exlink2012的专栏
07-25 292
通过以上步骤，你可以在Vue应用程序中检测用户的登录状态，并在用户尝试访问受保护页面时跳转到登录页面。同时，在用户登录和登出后，你可以根据需要跳转到相应的页面。
前端与HTML
m0_65544927的博客
07-21 520
HTML 不是一种编程语言，而是一种标记语言HyperTextMarkupLanguage。
Vue使用FullCalendar实现日历/周历/月历
_小郑有点困了的博客
07-23 239
需求背景：项目上遇到新需求，要求实现工单以日/周/月历形式展示。而且要求不同工单根据状态显示不同颜色，一个工单内部，需要以不同颜色显示三个阶段。
TS如何处理js模块的类型？
闻人放歌的三寸青草园圃
07-24 228
【代码】TS如何处理js模块的类型？
HTML5驱动的电子商务网站设计及其关键技术应用
本文的焦点在于“基于HTML5的电商购物平台网站设计”，旨在探讨如何利用最新的Web技术构建一个高效、用户友好的在线购物平台。HTML5作为新一代的网页标记语言，其强大的多媒体支持和移动设备优化特性使其成为构建...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值