DOCTYPE html

当查看网页源代码时,经常都能见到在顶部有一条很长的代码,这条代码就是用于对网页的声明,DOCTYPE的声明是网页形成的一个关键部分,现在就来详细的了解一下它的用途及声明的类型。

相对于现在的HTML5,DOCTYPE声明中的写法已变得简明,DOCTYPE

html>

是现在HTML5的标准声明,无论是用记事本、或是用网页制作工具创建一个HTML页面时,只需要在代码的开头写上写上这句即可,它告诉了浏览器当前网页采用的是HTML5形式,标准的主流浏览器都认识这个声明。

DOCTYPE是什么?

DOCTYPE是document type的简写,它并不是 HTML

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

HTML

文档的第一行,位于html标签之前。当用Dreamweaver软件创建一个网页文档时,就会发现顶部自动生成一组DOCTYPE声明的代码:

图中DOCTYPE声明的意思为:表示文档的根元素是 html,它在公共标识符被定义为

"-//W3C//DTD XHTML 1.0 Transitional//EN" 的 DTD

中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的 URL 作为寻找 DTD

的位置。 这句话告知浏览器文档使用哪种 HTML 或 XHTML 规范。

大多数Web文档的顶部都有doctype声明,它是在新建一个文档时,由Web创作软件草率处理的众多细节之一。很少人会去注意

doctype ,但在遵循标准的任何Web文档中,它都是一项必需的元素。doctype会影响代码验证,并决定了浏览器最终如何显示你的

Web文档。

DOCTYPE有哪几种?

DOCTYPE可声明三种 DTD 类型:严格、过渡以及框架集的 HTML

文档。

超文本严格文档类型定义:HTML Strict DTD。

如果需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表配合使用。该

DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如

font)。不允许框架集(Framesets)。

代码为:DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//en" "http://www.w3.

org/TR/html4/strict.dtd"

超文本过渡文档类型定义:HTML Transitional DTD。

可包含 W3C

所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 HTML

的呈现特性时,请使用此类型。该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如

font)。不允许框架集(Framesets)。

代码为:DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"

超文本框架集文档类型定义:Frameset DTD。

此类型定义应当被用于带有框架的文档。除 frameset 元素取代了 body

元素之外,Frameset DTD 等同于 Transitional DTD。该 DTD 等同于 HTML 4.01

Transitional,但允许框架集内容。

代码为:DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

"http://www.w3.org/TR/html4/frameset.dtd"

DOCTYPE的作用是什么?

DOCTYPE声明中指出阅读程序应该用什么规则来解释文档中的标记。在Web文档的情况下,阅读程序通常是浏览器或者校验器这样的一个程序,规则是W3C所发布的一个文档类型定义

DTD 中包含的规则。

制作一个符合标准的网页,DOCTYPE声明是是不可缺少的,它在Web设计中用来说明你用的XHTML或者HTML是什么版本,如果不做DOCTYPE声明或声明不正确的情况下,将有可能导致你的标识与CSS失效,从而令你网页的布局变乱,造成网页在浏览器中不能正常的显示。我们还可以通过W3C提供的验证工具来检查页面的内容是否符合在DOCTYPE中声明的标准。

doctype html的作用是什么,DOCTYPE的作用相关推荐

  1. 各层作用_土工布有什么作用呢?

    土工布是由高强纤维丝束与无纺布复合编织而成,其工艺是纤维束平直排列,充分发挥纱线的受力作用.无纺布垫在其下,经编技术将其缠绕捆扎,使纤维丝束无纺布固结在一起,既保持无纺布的反滤,又具有机织布的强度. ...

  2. html中的doctype有什么作用,HTML中doctype的作用及几种类型详解

    一.DOCTYPE标签的定义与作用 是一个用于声明当前HTMl版本,用来告知web浏览器该文档使用是哪种 HTML 或者 XHTML 规范来解析页面,以便浏览器更加准确的理解页面内容,更加良好地展现内 ...

  3. 简述html中Doctype的作用,HTML中doctype的作用及几种类型详解

    一.DOCTYPE标签的定义与作用 是一个用于声明当前HTMl版本,用来告知web浏览器该文档使用是哪种 HTML 或者 XHTML 规范来解析页面,以便浏览器更加准确的理解页面内容,更加良好地展现内 ...

  4. html中的doctype有什么作用,html中doctype的作用是什么?

    html中doctype的作用是什么?doctype是简写,全拼是document type,它的作用是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令,简单理解就是一个声明的作用. ...

  5. doctype html是什么语言,!doctype html有什么作用?

    DOCTYPE Declaration is the abbreviation for Document Type Declaration (DTD). DOCTYPE声明(DTD或文档类型声明)可完 ...

  6. 为什么定义!doctype html表格高度变高,!DOCTYPE html声明下div高度100%的问题解决方法...

    在使用HTML代码创建网页,如果声明了,并且在代码中有div设置了高度为100%,可能会出现显示不正常的情况.比如下面这个代码: Title * {margin:0px;padding:0px;} d ...

  7. android handler作用,Android中Handler的作用

    * Handler的定义: * 主要接受子线程发送的数据, 并用此数据配合主线程更新UI.当应用程序启动时, * Android首先会开启一个主线程 (也就是UI线程) , 主线程为管理界面中的UI控 ...

  8. python init文件作用___init__.py 文件的作用

    包和模块 包(package)是一个文件夹,它里面会有一个__init__.py,还有我们自己定义的.py文件. 而我们自己定义的.py文件,python中称为模块(module),一个模块就是一个p ...

  9. java原子变量的作用_AtomicInteger原子类的作用介绍(代码示例)

    本篇文章给大家带来的内容是关于AtomicInteger原子类的作用介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. AtomicInteger 原子类的作用 多线程操 ...

最新文章

  1. 基于Sharding Sphere实现数据“一键脱敏”
  2. JButton 圆角_ProE、Creo在玩具轿车设计中的一个案例应用解析|轿车|玩具|圆角
  3. 蛋白质折叠的霰弹枪方法
  4. html文件url_for加载静态文件
  5. nefu java作业2020.3.11第二章
  6. 静态内部类----Java
  7. script和scriptreplay命令实现终端录制和回放。
  8. 111_Power Pivot 24小时维度:累计、同比、环比相关
  9. agile/scrum 如果一切都从解放前开始
  10. 车辆特征系数——车速的计算
  11. Lambda表达式将数组/字符串列表转换为数组/整数列表
  12. webapi实现AJAX多文件上传,AJAX调用webapi上传图片或文件
  13. Redis 缓存 + Spring 的集成示例(转)
  14. Linux常用命令大全 阶段性总结(一)
  15. 2D游戏知识点三、Unity生成Android手机apk程序
  16. 乐视X625手机刷机(全三个版本)官方包附刷机教程OEM解锁
  17. 当前线程运行完毕,再运行后续逻辑
  18. origin pro 2021去水印
  19. 项目启动找不到资源文件可能的解决办法
  20. Table表格内容超长时:自动截取、自动换行

热门文章

  1. 学习Python编程的11个资源
  2. 通过实例分析理解浮动静态路由、路由负载分担
  3. 5、产品经理的工作职责OR主要工作技能和工具
  4. 简单讲讲python程序控制流程
  5. w ndows平板,IFA 2012:ThinkPad Wndows 8平板曝光
  6. 【附源码】Java计算机毕业设计安卓英语学习app(程序+LW+部署)
  7. Vue渲染Markdown数据
  8. 理解时间序列的ACF与PACF
  9. MySql安装教程,Win11环境
  10. Netty详解ByteBuf