html doctype作用

简单介绍下html页面中DOCTYPE声明的作用:

<!doctype html>告诉浏览器是使用标准模式还是怪异模式渲染页面。

1.为html页面添加了doctype,则浏览器在standard模式渲染页面。

2.若没有给html指定doctype声明,浏览器则在quriks模式下渲染页面。

下面一段代码可以通过添加和屏蔽<!doctype html>来验证两种结果:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script  type="text/javascript">
        var mode=document.compatMode;
        if(mode==="CSS1Compat"){
            document.write("the document is rendered in Standards mode");
        }else if(mode==="BackCompat"){
            document.write("the document is rendered in Quirks mode");
        }else{
            document.write("the document is wired.document.compatMode="+mode);
        }
    </script>
</head>
<body>
</body>
</html>

使用浏览器自行验证,查看输出结果。

时间: 2024-10-10 21:17:26

html doctype作用的相关文章

Doctype作用?严格模式与混杂模式如何区分?它们有何差异?

一.Doctype作用是什么? <!DOCTYPE>声明叫做文件类型定义(DTD),声明的作用为了告诉浏览器该文件的类型.让浏览器解析器知道应该用哪个规范来解析文档.<!DOCTYPE>声明必须在 HTML 文档的第一行,这并不是一个 HTML 标签. 二.严格模式与混杂模式如何区分?它们有何意义? 严格模式:又称标准模式,是指浏览器按照 W3C 标准解析代码. 混杂模式:又称怪异模式或兼容模式,是指浏览器用自己的方式解析代码. 如何区分:浏览器解析时到底使用严格模式还是混杂模式,

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

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

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

当要切换的各个屏幕之间没有相互依存关系的时候,该对象可以很好的完成任务.但是当多个屏幕互有关系的时候,就要使用另一种控制器 UINavigationController . 事实上,基本上在所有的 APP 中,必不可少的两种控制器. 没错,在码农的世界里任何语言都是苍白无力的,还是代码来的实际.稍安勿躁,代码马上就来.但是还是要提醒大家,只会写代码的不叫程序员,叫代码搬运工(就是搬砖的),学会编程之后就要升华一下,去掌握编程思想,以让你的代码更优雅,这句话是前几天老大跟我说的,在此送给大家. 本

web典型理论题整理HTML+CSS部分

1.css选择符有哪些?属性继承?优先级算法如何计算?css3新增伪类有哪些?css选择符:id选择器(# myid).类选择器(.myclassname).标签选择器(div, h1, p).相邻选择器(h1 + p).子选择器(ul > li).后代选择器(li a).通配符选择器( * ).属性选择器(a[rel = "external"]).伪类选择器(a: hover, li:nth-child)可继承样式:font-size.font-family.color.tex

前端面试题(来自前端网http://www.qdfuns.com/notes/23515/c9163ddd620baac5dd23141d41982bb8.html)

HTML&CSS 1. 常用那几种浏览器测试?有哪些内核(Layout Engine)? (Q1)浏览器:IE,Chrome,FireFox,Safari,Opera. (Q2)内核:Trident,Gecko,Presto,Webkit. 2. 说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8 以下) (Q1)行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效. 块级元

html5知识

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

Web前端面试题集锦

Web前端面试题集锦 前端开发面试知识点大纲: 注意 转载须保留原文链接(http://www.cnblogs.com/wzhiq896/p/5927180.html )作者:wangwen896 HTML&CSS: 对Web标准的理解.浏览器内核差异.兼容性.hack.CSS基本功:布局.盒子模型.选择器优先级及使用.HTML5.CSS3.移动端适应. JavaScript: 数据类型.面向对象.继承.闭包.插件.作用域.跨域.原型链.模块化.自定义事件.内存泄漏.事件机制.异步装载回调.模板

Front End Developer Questions 前端开发人员问题(一)

问题来源:http://markyun.github.io/2015/Front-end-Developer-Questions/ 1.Doctype作用?严格模式与混杂模式如何区分?它们有何意义?答:告诉浏览器我们使用的是哪个版本的html协议(规范).(对大小写不敏感)严格模式中根据规范呈现页面:混杂模式中页面是一种比较宽松的向后兼容的方式显示.(1)严格模式的HTML 4.0.1 strictDTD包括所有的HTML元素和属性,不包括展示的和弃用的元素.不许框架集(Framesets)<!

Web前端面试之HTML

1. 对WEB标准以及W3C的理解与认识 web标准规范要求,书写标签闭合.小写.不乱嵌套,可提高搜索机器人对网页内容的搜索几率.--- SEO 使用外链css和js脚本,结构与行为.结构与表现分离,提高页面的渲染速度,更快地显示页面的内容. 样式与标签的分离,更合理的语义化标签,使内容能被更多的用户所访问.内容能被更广泛的设备所访问.更少的代码和组件, 从而降低维护成本.改版更方便 不需要变动页面内容,便可提供打印版本而不需要复制内容,提高网站易用性 遵循w3c制定的web标准,能够使用户浏览