DOCTYPE 文档类型

HTML5学堂:在HTML版本从4.0升级到5.0之后,可以采用<!doctype html>这种最新的文档声明方式,那么以前4.0版本,我们也应当有所了解,主要包括过渡定义类型、严格定义类型、框架定义类型。

近日,考核8班几个孩纸知识点的时候,果断在网页文档类型上挂掉一片。写出来一起回顾一下吧。虽然HTML已经发展到了5.0版本,我们平时书写代码虽然用的是<!doctype html>这种最新的文档声明方式,但是我们也应当了解以前html版本的书写方式。

doctype 文档类型

DOCTYPE是文档类型(Document Type)的缩写, <!DOCTYPE> 元素用于声明一个页面的文档类型定义(Document Type Declaration, 即DTD)。

先简单介绍下文档声明(DOCTYPE):

1. DOCTYPE标签是单独出现的,没有结束标签;

2. 文档类型定义在HTML文档的第一行,在html标签之前;

3. 文档类型,会使浏览器使用相应标准加载网页并显示;

4. 文档不定义DOCTYPE,浏览器将无法获知HTML或XHTML文档的类型,因此会进入怪异解析模式。

HTML4.0的文档声明种类

HTML文档声明的类型主要有如下几种:过渡定义类型、严格定义类型、框架定义类型。

过渡定义类型

【过渡定义类型】:HTML4.01文档过渡定义类型,此类型定义的文档可以使用HTML中的标签与元素包括一些修饰性标签(例如:u、b等),不可以使用框架

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

严格定义类型

【严格定义类型】:HTML4.01文档严格定义类型,此类型定义的文档可以使用HTML中的标签与元素,不能包含修饰性标签(例如:u、b等),不可以使用框架

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

框架定义类型

【框架定义类型】:HTML4.01文档框架定义类型,除 frameset 元素取代了 body 元素之外,此类型等同于HTML4.01文档过渡定义类型,但可以使用框架

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

相关说明:在上面的声明中,声明了文档的根元素是 html,它在公共标识符被定义为 "-//W3C//DTD XHTML1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

原文发布于微信公众号 - HTML5学堂(h5course-com)

原文发表时间:2015-12-02

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏听雨堂

同步等待方法

function waitVar(key,varb, fun) { //等待指定变量,返回:-1:无数据,继续等待 -2:超时 1:成功。fun不支持...

2288
来自专栏从零开始的linux

shell变量

bash的重要特性:变量 bash变量类别: 本地变量:只对当前shell进程有效的变量;对其它shell进程无效,包当...

3116
来自专栏算法修养

PAT 1026

程序运行时间(15) 时间限制 200 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard ...

34911
来自专栏北京马哥教育

Python爬虫库-BeautifulSoup的使用

Beautiful Soup是一个可以从HTML或XML文件中提取数据的Python库,简单来说,它能将HTML的标签文件解析成树形结构,然后方便地获取到指定标...

690
来自专栏IMWeb前端团队

javaScript 函数节流

本文作者:IMWeb jaychen 原文出处:IMWeb社区 未经同意,禁止转载 ? 什么是javascript函数节流?从其字面意思可以大概猜到...

1887
来自专栏九彩拼盘的叨叨叨

CSS拓展语言:Sass介绍

CSS拓展语言出现的原因是,CSS自身支持的功能能有限(如不支持变量,条件控制,循环等编程元素),并不满足我们想要的一些功能。而CSS拓展语言支持CSS不支持的...

642
来自专栏十月梦想

ES6数据传递的传值和传址

看一下上面一段代码,通过正常的理解确实这个样子,但是下面的代码我们只改变了test.y值而obj的也随之改变!这个样子是用于前一部分是传值,后面是传地址!   ...

1144
来自专栏web前端教室

[视频直播]本周日先行者视频“React多级菜单

第一个知识点,就是递归。 递归往简单了说,就是函数不断调用自身,同时设定一个退出条件,达成条件就结束调用自身,否则就成无限递归了。 看一小段JSON: { ...

1839
来自专栏吴裕超

CSS 换行问题white-space属性 window对象和global对象

white-space: nowrap禁止换行 1、word-wrap:break-word; 内容将在边界内换行,仅用于块对象,内联对象要用的话,必须要设定h...

1843
来自专栏前端知识分享

第83天:jQuery中操作form表单

注意:checked、selected、disabled要使用.prop()方法。

662

扫码关注云+社区