HTML 文件里开头 Doctype 的作用 :
(1) 声明位于文档中的最前面的位置,处于标签之前。 
(2) 此标签可告知浏 览器文档使用哪种 HTML 或 XHTML 规范。 
重点:告诉浏览器按照何种规范解析页面

doctype是一种标准通用标记语言的文档类型声明,目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义(DTD)来解析文档。

doctype在html中的作用就是触发浏览器的标准模式,如果html中省略了doctype,浏览器就会进入到Quirks模式的怪异状态,在这种模式下,有些样式会和标准模式存在差异。而html标准和dom标准值规定了标准模式下的行为,没有对怪异模式做出规定,因此不同浏览器在怪异模式下的处理也是不同的,所以一定要在html开头使用doctype。

Doctype声明于文档的最前面,告诉浏览器以何种方式来渲染页面,这里有两种模式,严格模式和混杂模式。严格模式的排版和JS运作模式是以浏览器的最高标准执行。混杂模式,向后兼容,模拟老式的浏览器,防止浏览器无法兼容页面。

那HTML5 为什么只需要写 <!DOCTYPE HTML> :
(1) HTML5 不基于 SGML,因此不需要对 DTD 进行引用,但是需要 doctype 来规范浏览器的行
为(让浏览器按照它们应该的方式来运行); 
(2) 而 HTML4.01 基于 SGML,所以需要对 DTD 进行引用,才能告知浏览器文档所使用的文档类
型。

下面是html5的页面标准:

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title></title>
</head>
<body></body>
</html>

下面是html4.01的页面标准:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title></title></head><body></body>
</html>

HTML 文件里开头 Doctype 的作用是什么?相关推荐

  1. HTML文件里开头的!Doctype有什么作用?

    每个 HTML 文件里开头都有个很重要的东西<!DOCTYPE html>,DOCTYPE是document type的简写,它并不是 HTML 标签,也没有结束标签,它是一种标记语言的文 ...

  2. jsp文件里java代码的作用_如何使用JSP 2避免JSP文件中的Java代码?

    小编典典 自从2001年标签库(例如JSTL)和EL(表达语言,那些东西)的诞生以来,在JSP中确实不建议使用scriptlet(那些东西).${} scriptlet的主要缺点是: 可重用性:您无法 ...

  3. 解决JSP路径问题的方法(jsp文件开头path, basePath作用)

    解决JSP路径问题的方法(jsp文件开头path, basePath作用) 参考文章: (1)解决JSP路径问题的方法(jsp文件开头path, basePath作用) (2)https://www. ...

  4. HTML 文件中的 DOCTYPE 是什么作用?

    1.HTML 文件中的 DOCTYPE 是什么作用? HTML超文本标记语言: 是一个标记语言, 就有对应的语法标准 DOCTYPE 即 Document Type,网页文件的文档类型标准. 主要作用 ...

  5. 程序员的自我修养--链接、装载与库笔记:目标文件里有什么

    编译器编译源代码后生成的文件叫做目标文件.目标文件从结构上讲,它是已经编译后的可执行文件格式,只是还没有经过链接的过程,其中可能有些符号或有些地址还没有被调整.其实它本身就是按照可执行文件格式存储的, ...

  6. DOCTYPE声明作用及用法详解

    一.浏览器呈现模式和doctype 有的网页是遵循标准而创作的,但也有很多不是.即使你不能创建遵循标准的网页,也希望浏览器根据标准来正确显示那些页.目前,大量网页充斥着大量非标准代码,它们仍能正常地工 ...

  7. if mybatis tk 多个_面试题:mybatis 中的 DAO 接口和 XML 文件里的 SQL 是如何建立关系的?...

    前言 这是 mybatis 比较常问到的面试题,我自己在以前的面试过程中被问到了2次,2次都是非常重要的面试环节,因此自己印象很深刻. 这个题目我很早就深入学习了,但是一直没有整理出来,刚好最近一段时 ...

  8. 《程序员的自我修养-链接-装载与库》第三章 目标文件里有什么(1)

    目录 0.引言 1.目标文件的格式 1.1 目标文件的格式及ELF文件格式的文件的分类 1.2 目标文件与可执行文件格式的小历史 2.目标文件是什么样的 2.1 程序与目标文件简介 2.2 BSS历史 ...

  9. 链接装载与库:第三章——目标文件里有什么(ELF文件结构)

    文章目录 一.ELF文件的格式 二.ELF文件是什么样的 三.挖掘SimpleSection.o 3.1 代码段 3.2 数据段和只读数据段 3.3 BSS段 3.4 其他段 3.5 自定义段 四.E ...

最新文章

  1. 处理JSON格式的数据
  2. CSS学习笔记(十四) 我们前端是怎么跟设计师沟通的
  3. php mysql刷新表格_php读入mysql数据并以表格形式显示(表单实现无刷新提交)
  4. uint32_t 是常数吗_UINT_MAX常数,带C ++示例
  5. 每天一个linux命令(6) ar命令
  6. python用scrapy爬虫豆瓣_Python-用Scrapy爬取豆瓣电影
  7. amd64_or_ia64?
  8. mysql 存储ts数据_理解性记忆MySQL数据库
  9. 怎么彻底移除虚拟机_Parallels Desktop虚拟机怎么完全卸载? PD虚拟机完全卸载方法...
  10. srs推flv流_SRS流媒体服务器之HLS源码分析(3)
  11. Win7精简成功后的总结
  12. VS2010 .net4.0 登录QQ 获取QQ空间日志 右键选中直接打开日志 免积分 源码下载
  13. 零基础学习SQL Server(一)---查询语句在项目实例中的执行
  14. php中文网怎么修改头像,thinkphp 头像上传在线剪切编辑问题 (使用美图秀秀头像编辑器组件)...
  15. 保罗.沃尔克:世界经济“有控制地解体”
  16. 微信视频号视频免费下载最新的4种办法
  17. forcast iframe 及 四款播放器
  18. Windows删除文件夹提示“文件夹被某一程序占用”,删除失败
  19. 个保法下个人信息委托处理活动合规要点
  20. isEmpty()和isNotEmpty()区别

热门文章

  1. 开始Python的新手教程
  2. python培训千锋和黑马哪个好
  3. js 画两点之间的连线
  4. SiT5721:±5~±8ppb超高精度Stratum 3E恒温数控振荡器DCOCXO,1-60MHz
  5. 数据运营是什么,怎么做,在哪做
  6. 当x大于时,y等于1;当x等于0时,y等于0;当x小于0时,y等于-1。
  7. ueditor word粘贴上传
  8. Redis 面试面面观
  9. 自己做量化交易软件(44)小白量化实战17--利用小白量化金融模块在迅投QMT极速策略交易系统上仿大智慧指标回测及实战交易设计
  10. 在线订票系统--永胜票务网是怎么搭建的?