每个 HTML 文件里开头都有个很重要的东西<!DOCTYPE html>,DOCTYPE是document type的简写,它并不是 HTML 标签,也没有结束标签,它是一种标记语言的文档类型声明,即告诉浏览器当前 HTML 是用什么版本编写的。

<!more>

一. 背景介绍

什么是DOCTYPE?

DOCTYPE是document type的简写,它并不是 HTML 标签,也没有结束标签,它是一种标记语言的文档类型声明,即告诉浏览器当前 HTML 是用什么版本编写的。

注意: DOCTYPE的声明必须是 HTML 文档的第一行,位于html标签之前。大多数Web文档的顶部都有doctype声明,它是在新建一个文档时,由Web创作软件草率处理的众多细节之一。很少人会去注意 doctype ,但在遵循标准的任何Web文档中,它都是一项必需的元素。doctype会影响代码验证,并决定了浏览器最终如何显示你的 Web文档。

二. 知识剖析

DOCTYPE的作用?

DOCTYPE是document type(文档类型)的简写,在web设计中用来声明文档类型。
在所有 HTML 文档中规定 DOCTYPE 是非常重要的,这样浏览器就能了解预期的文档类型, 告诉浏览器要通过哪一种规范(DTD)解析文档(比如HTML或XHTML规范)。
DOCTYPE会影响代码验证,并决定了浏览器最终如何显示你的Web文档。

HTML 4.01 和 HTML5 中 DOCTYPE的区别

  • HTML 4.01 中的 doctype 需要对 DTD 进行引用,因为 HTML 4.01 基于 SGML。
  • HTML 5 不基于 SGML,因此不需要对 DTD 进行引用,但是需要 doctype 来规范浏览器的行为(html 5简化了这种声明,意在告诉浏览器使用统一的标准即可)。

三. 代码实战

如何使用DOCTYPE?

HTML 文档的第一行,位于html标签之前 ,引入DOCTYPE声明。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
</body>
</html>

**注意事项:**DOCTYPE的声明必须是 HTML 文档的第一行,位于html标签之前。在DOCTYPE声明前面出现了这些内容:普通文本、HTML 标签、HTML 注释、XML 声明、IE条件注释,会导致HTML 进入怪异模式.


更为清爽的浏览体验,请移步我的个人博客
天心天地生的个人博客

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

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

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

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

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

  3. oracle数据库imp导入失败提示:“不是有效的导出文件, 标头验证失败”解决方法,修改dmp文件里oracle数据库版本号方法

    报错信息如下,该报错主要是因为原来导出时的数据库版本和现有的数据库版本不匹配所致. C:\Users\Administrator>imp ncc2005zdh_0602/ufida file=D ...

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

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

  5. 如何使用计算机中的导出,(excel在电脑的哪个文件里?)excel怎么把查找的导出

    在电脑上怎么找出excel表格 在电脑上找excel表格的步骤: 1.在电到"计算机"图标,鼠标左键按钮打开计算机资源器. 2.打开之后,在右上角出现一个搜索框. 3.在搜索框中输 ...

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

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

  7. java分类读txt里面的数据_java分别读取两个txt文件里的数据再进行比较。再分别列出这两个文件中共有的和分别独有的数据。...

    两个txt文件里存着不同数量的推文数据,每一行开头的一串数字是该条推文的ID,ID和推文内容用":"冒号隔开,根据ID比较两个txt文件中推文,再分别列出连个txt文件中共有的推文 ...

  8. iTunesMetadata.plist文件里的内容

    原文地址::http://blog.sina.com.cn/s/blog_6cdcf9d10100zgjj.html 相关文章 1.通过修改itunesmetadata.plist版本号欺骗IOS软件 ...

  9. linux如何去掉配置文件里 开头的,如何去掉linux配置文件的注释行和空行

    1.使用grep -v "^#"  来去掉注释行,其中:-v  就是取相反的   ^# 表示以#开头的行 eg. grep -v "^#" /etc/vsftp ...

最新文章

  1. 互联网安全威胁及应对方案
  2. webstrom常用键
  3. python控制结构(二)_Python程序控制结构---2
  4. 技术社区,你真的会混吗?
  5. python中itertools groupby函数是干嘛的_Python-如何使用itertools.groupby()?
  6. kdj超卖_一个判断股票超买超卖现象的指标——KDJ,简单明了,准确且省心
  7. 基于SAP Kyma的订单编排增强介绍
  8. linux 编译安装apache
  9. 还要我带一个六级辅导班--痛苦!
  10. Select2的使用 联动筛选框的一个例子
  11. android 底部去除list渐变,layer-list渐变色的处理
  12. java-通过JDBC操作数据库
  13. caffe+GPU︱AWS.G2+Ubuntu14.04+GPU+CUDA8.0+cudnn8.0
  14. linux bttrack服务,给centos7上的aria2添加BT Tracker服务器
  15. 【转•科普】为什么Nikola Tesla是迄今为止最伟大的极客(爱迪生啊爱迪生)
  16. java微信公众号要求_java实现微信公众号登录,详细的步骤及有关实现代码
  17. 《缠中说禅108课》37:背驰的再分辨
  18. value函数介绍和实例
  19. 关于canvas生成图片的方法
  20. c++学习书籍推荐《C++程序设计语言(特别版)》下载

热门文章

  1. PDCP 功能与基本概念
  2. 第一次将项目push到gitlab
  3. 计算机网络论文 考试吧,2012年11月计算机网络学习心得体会
  4. 科林明伦杯哈尔滨理工大学第六届程序设计团队赛(流水账)
  5. Python实用脚本实践
  6. hive建表报错FAILED: ParseException line 2:0 Failed to recognize predicate ‘date‘. Failed rule: ‘identifi
  7. mongodb 创建只读用户
  8. Spring IoC 和 AOP
  9. 简述空串和空格串(或称空格符串)的区别。
  10. c语言一维数组求平均成绩,C语言 计算一维数组平均值(函数).doc