HTML的标准模式和兼容模式

2024-09-06

说说html 的<!DOCTYPE>声明&标准模式与兼容模式

我们都知道<!DOCTYPE>声明位于文档的最前面,处于<html>标签之前. <!DOCTYPE>声明不是html标签,它的作用:告知web浏览界面应该使用哪个html版本. 例如: <!DOCTYPE html> 则是告诉浏览器应使用html5. 建议:总是给html文件加上<!DOCTYPE>声明,确保浏览器能预先知道文档类型. 在html 4.0.1中,<!DOCTYPE>声明需引用DTD(文档类型说明),因为html 4.

前端面试题系列（1）：doctype作用标准模式与兼容模式

1.doctype作用 <!DOCTYPE>声明位于HTML文档的第一行.处于<HTML>标签之前.告知浏览器的解析器用什么文档标准解析这个文档.DOCYTYPE不存在或格式不正确会导致文档以兼容模式呈现. 2.什么是标准模式,兼容模式?标准模式与兼容模式的区别标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行. 在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老师浏览器的行为以防止站点无法工作. 3.HTML5为什么只需要写<!DOCTYPE HTML>

Doctype作用？标准模式与兼容模式各有什么区别?

Doctype作用?标准模式与兼容模式各有什么区别? DOCTYPE是document type(文档类型)的简写,用来告诉浏览器的解析器使用哪种HTML或XHTML规范解析页面.DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现. 知道多少种文档类型 HTML 4.01和XHTML 1.0规定了三种文档类型:Strict(严格).Transitional(过渡)以及Frameset(基于框架). 为什么HTML5只要写<!DOCTYPE HTML> HTML 4.01 基于 SGML,

DOCTYPE的作用以及标准模式和兼容模式的区别

<!doctype>声明必须处于HTML文档的头部,在<html>标签之前,告知浏览器的解析器用什么文档标准解析这个文档.DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现.HTML5中不区分大小写 <!doctype>声明不是一个HTML标签,是一个用于告诉浏览器当前HTMl版本的指令现代浏览器的html布局引擎通过检查doctype决定使用兼容模式还是标准模式对文档进行渲染,一些浏览器有一个接近标准模型. 在HTML4.01中<!doctype>

HTML学习笔记——DOCTYPE和DTD，标准模式和兼容模式

主要涉及知识点: HTML与XHTML HTML与XHTML的区别 DOCTYPE与DTD的概念 DTD的分类以及DOCTYPE的声明方式标准模式(Standard Mode)和兼容模式(Quircks Mode) 标准模式(Standard Mode)和兼容模式(Quircks Mode)的区别 HTML与XHTML HTML:超文本标记语言 (Hyper Text Markup Language) XHTML:可扩展超文本标记语言 (EXtensible HyperText Markup

用meta name="renderer" content="webkit|ie-comp|ie-stand"来切换360双核安全浏览器的极速模式和兼容模式

以下信息摘自360官方网站: 浏览模式:极速模式.兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式:极速模式表示极速模式兼容模式表示兼容模式IE9IE10模式表示IE9/IE10模式(仅在安装了IE9或IE10后可用)360极速浏览器会自动为您选择使用适合每个网站的浏览模式.所以,通常您不用了解几种内核的区别.几种模式各有什么特点极速模式下,网站打开速度快,但某些网站在极速模式下可能出现兼容性问题,显示不正常.兼容模式下,网站打开速度比极速模式略低,但网页兼容性问题较少.IE9/I

DOCTYPE声明作用？标准模式与兼容模式？

<!DOCTYPE>文档声明是用来告诉浏览器使用哪种DTD,一般放在(X)HTML文档开头声明,用以告诉其他人这个文档的类型风格:DTD(文档类型定义)是一组机器可读的规则,它们指示(X)HTML文档中允许有什么,不允许有什么. DOCTYPE不存在或格式不正确会导致文档以兼容模式(怪异模式)呈现. 标准模式(严格模式)的排版和JS运作模式会以该浏览器支持的最高标准运行.在兼容模式(怪异模式)中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作.

Doctype作用，标准模式与兼容模式的区别

<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前.告知浏览器的解析器用什么文档标准解析这个文档.DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现. 标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行.在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作. HTML5 为什么只需要写 <!DOCTYPE HTML>? HTML5 不基于 SGML,因此不需要对DTD进行引用,但是需

360兼容模式==ie8 兼容模式下 span标签占位问题

ie8 兼容模式 ie8 标准渲染应付金额穿位错误代码 <span class="span_em">应付金额:<em><span style="float: right;" id="rechargeMoney" value="${result.orderPaymentView.shouldPayMoney }">${result.orderPaymentView.shouldPayMo

【踩坑】360安全浏览器“极速模式”和“兼容模式”，套路还是bug？

分享踩坑点: 项目中需要兼容360安全浏览器,大家当然都希望用极速模式打开网站,但是发现总是被兼容模式打开网址类似 aa.xx.dd.com 网上找了很多地方,有以下两种方法 1.<meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"> 2.<meta name="renderer" content="webkit"> -------------------

CSS hack 360浏览器极速模式与兼容模式

自动切换浏览器模式对于360浏览器7.1版本有效,8.1无效 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="FirsteLite.OMS.Test" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu

IE强制标准模式---标准模式与兼容模式设置

IE 兼容模式设置 Meta Compatible 和 Iframe 子页面的关系

背景因为历史原因,之前很多的系统都会是顶级页面+Iframe来加载子级页面的这种模式构件系统,而且系统都只能运行在IE6或者IE 高版本兼容模式下(IE 7模式). 随着现在的审美原来越高,脚本能里越来越强,无论是用户和是软件商都希望能系统升级,那么在升级的过程中,肯定是要保证原有的系统能正常运行的. 通常的做法会是如下: 将页面利用 html meta标签,设置Compatible属性,来使得无论用户是否设置了兼容模式,都让当前网页强势使用最高版本浏览器模式,这样可以让我们界面利用一些cs

用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式

公司所作的页面在360下打开都会遇到在360下自动跳到360兼容模式引发许多兼容问题,摸索了好久终于在网上找到了怎么解决的方法,详情如下: 其实360给网站开发者设计了一种选择的方法,只要加入一段Meta标签代码就可以解决. 以下信息摘自360官方网站: 浏览模式极速模式.兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式: 表示极速模式表示兼容模式表示IE9/IE10模式(仅在安装了IE9或IE10后可用) 360极速浏览器会自动为您选择使用适合每个网站的浏览模式.所以,通常

360浏览器兼容模式下IE内核版本

问题最近在跟客户演示系统时,自己电脑IE 11下好好的,我们web系统最低支持到IE9.在客户电脑上,IE9浏览器下可以正常浏览,但是360兼容模式下,页面什么也不显示. 通过F12调试工具发现,360浏览器默认使用的并不是用户电脑上的IE9模式,而是IE9的兼容模式,调整为IE模式可以正常显示. IE兼容性列表通过检查IE浏览器菜单发现,IE浏览器是可以设置兼容性列表的.通过IE的设置->兼容性设置,可以添加指定网站使用兼容性视图. 刚开始以为是360浏览器读取了IE的兼容性列表,但是客户

详解ThinkPHP支持的URL模式有四种普通模式、PATHINFO、REWRITE和兼容模式

URL模式 URL_MODEL设置普通模式 0 PATHINFO模式 1 REWRITE模式 2 兼容模式 3 如果你整个应用下面的模块都是采用统一的URL模式,就可以在应用配置文件中设置URL模式,如果不同的模块需要设置不同的URL模式,则可以在模块配置文件中设置. 普通模式普通模式也就是传统的GET传参方式来指定当前访问的模块和操作,例如: http://localhost/?m=home&c=user&a=login&var=valu

文档声明（Doctype）和<!Doctype html>有何作用? 严格模式与混杂模式如何区分？它们有何意义?

文档声明的作用: 文档声明是为了告诉浏览器,当前HTML文档使用什么版本的HTML来写的,这样浏览器才能按照声明的版本来正确的解析. <!doctype html> 的作用就是让浏览器进入标准模式,使用最新的 HTML5 标准来解析渲染页面:如果不写,浏览器就会进入混杂模式,我们需要避免此类情况发生. 严格模式与混杂模式的区分: 严格模式: 又称为标准模式,指浏览器按照W3C标准解析代码: 混杂模式: 又称怪异模式.兼容模式,是指浏览器用自己的方式解析代码.混杂模式通常模拟老式浏览器的行为,以

硬盘运行与“AHCI 模式”还是“IDE 模式”

如今SATA硬盘越来越流行,最新购买或者组装的电脑,基本都安装新一代的SATA硬盘,由于绝大多数BIOS初始设置是"IDE模式",安装的windows XP和vista系统,并没有运行发挥最大性能的"AHCI模式".到底自己的系统是否运行与"AHCI模式"?该如何开启"AHCI模式"? 弄清楚"是否运行于AHCI模式"很简单:其一,主板BIOS设置是"AHCI模式",而不是"I

使用X-UA-Compatible来设置IE浏览器兼容模式(转)

使用X-UA-Compatible来设置IE浏览器兼容模式文件兼容性用于定义让IE如何编译你的网页.此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式. 前言为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性.在IE6中引入一个增设的兼容性模式,文件兼容性使你能够在IE呈现你的网页时选择特定编译模式.新的IE为了确保网页在未来的版本中都有一支的外观,IE8引入了文件兼容性.当你引入一个增设的兼容性模式,此文章说明文件兼容性的必

弹出层在兼容模式和IE8模式下显示不正常

弹出层在火狐.谷歌.360极速模式.IE6下都能100%面积正常显示,但在IE8和360的兼容模式下只显示弹出层下半部分或右半部分的内容,在主页面加上: <meta http-equiv="x-ua-compatible" content="ie=7" /> 即可解决. 但是我的项目是在弹出层上面再有弹出层,结果是第二弹出层的没问题了但是第一弹出层被影响了(一些导航和标题浮动了). 后来看到了淘宝的源代码是这样写的:<meta http-

HTML的标准模式和兼容模式

热门专题