html5的文档申明为什么是？

时间：2022-08-29 11:57:26

首先我们来了解一下什么是文档声明：

文档声明就是文档告诉游览器该以什么样的标准去解析它。游览器可以解析的文档可不止html，还有xhtml，xml...当然在这里我们并不需要知道xhtml、xml是什么以及和html的区别，我们只需要知道，游览器可以解析的文档不止html ,所以文档声明是必须的，为的就是保证游览器能够正确解析文档类型。

然后我们再来了解下html(Hyper Text Markup Language)<超文本标记语言>：

所谓的超文本就是超级文本，或者超越文本的意思，因为它可以呈现图片，音乐甚至是音频，普通的文本当然就是只能呈现文字，标记你可以理解为就是标签<a><div>等，在一个文档里通过标签（标记）去对文档进行分类整理。至于语言，当然就是交流的工具，超文本标记语言就是供人和游览器交流的语言。

xhml,xml 各是什么语言我就不做赘述了，总之游览器都能识别他们，但是他们都有各自的文档规则，甚至同种语言不同版本的文档规则也有差别，下面给出部分文档的声明：

1.XHTML1.1

 语法：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

2.XHTML 1.0 Frameset

语法：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

3.XHTML 1.0 Transitional

语法：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

4.XHTML 1.0 Strict

语法：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

5.HTML 4.01 Frameset

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

6.HTML 4.01 Strict

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

其中 Frameset（框架） strict（严格） transitional （过渡），在这里我们只需要知道是用来给文档划分使用条件的，比如使用strict的类型声明的文档，游览器解析起来就会更加严格

我们可以看到<!doctype html 后面跟了一大串屎一样的的尾巴，这个尾巴就是DTD.

那么什么是DTD？

其实xhtml html(html5 之前)，还有xml 都是基于一个标准或语言制定的，这个标准就是sgml(standard gernerate makeup laugue)<标准通用标记语言>，你可以把这个语言当做xhtml html（h5 以前）xml的母亲，而sgml 有一个DTD(document type definition) <文档类型申明>用来区分这些语言，游览器对于每一个DTD 都有一整套制定好的规则，用来帮助解析文档。。

最后到了我们的html5了。html5则一反常态直接脱离sgml ,自己形成了一套标准。这套标准目前已经被几乎所有游览器收录，而html5的文档声明很简单：只有<! doctype html>

那么对于那些没有收录html5标准的游览器，当遇到html5的声明会如何处理呢？

其实几乎所有版本的游览器都有处理文档头不正确的方法,对于识别不了的文档头则当做不正确处理，针对缺失的不正确的文档头游览器都有自己的默认兼容模式去解析文档

html5的文档申明为什么是<!DOCTYPE html>？的更多相关文章

  1. HTML5的文档结构和新增标签

    一．HTML5 文档结构1.第一步:打开 开发工具,打开指定文件夹:2.第二步:保存 index.html 文件到磁盘中,.html 是网页后缀:3.第三步:开始编写 HTML5 的基本格式.< ...

  2. HTML学习笔记4：文档申明和编码标签

    ①文档申明     作用:为了使浏览器更好的显示HTML文件,必须告知浏览器你的文件为HTML     语法:<!DOCTYPE html> 声明必须放在HTML文档第一行 声明不是HTM ...

  3. 文档类型DTD，DOCTYPE和浏览器模式

    出处:http://blog.csdn.net/freshlover/article/details/11616563 浏览器从服务端获取网页后会根据文档的DOCTYPE定义显示网页,如果文档正确定义 ...

  4. HTML5入门：HTML5的文档声明和基本代码

    HTML5的文档声明: HTML5的文档声明,不同于HTML4.0和XHTML,它精简了许多代码,只保留<!DOCTYPE html>开头,必须位于HTML5文档的第一行,它可以用来告诉浏 ...

  5. HTML5的文档结构

    HTML5的文档结构 HTML5简化了许多,它的设计遵循了3个原则:1.兼容性.2.实用性.3.通用访问性     1. header 元素     <header> 标签定义文档或者文档 ...

  6. HTML5网页文档结构

    2.1     Web标准 Web标准,使得Web开发更加容易.Web标准由万维网联盟(W3C)制定. 2.1.1          Web标准概述 Web标准的最终目的就是保证每个人都有权力访问相同 ...

  7. HTML5跨文档消息传递

    HTML5定义了一些javascript API,其中有一个就是跨文档消息传递(cross-document-messaging简称XDM). 现在XDM已经作为一个规范独立了出来,名字为:Web M ...

  8. HTML5 跨文档消息传输

    对窗口对象的message事件进行监听 window.addEventListener("message", function(event) { // 处理程序代码 }, fals ...

  9. HTML5 初始文档声明

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

随机推荐

  1. 重读C&num;委托、事件有感

    去年学习C#的时候按照进度把C#的委托和事件“认真”的学习了一下,自己知道委托和事件的重要性,所以也努力的学习,可说实也没怎么学懂.碰巧这段时间在做一个解析GPS数据的小项目,因为其中有需要条件自动判 ...

  2. Django views 中的 shortcut function

    shortcut function都在django.shortcuts这个包中,主要包含有:render(), render_to_response(), redirect(), get_object ...

  3. ajax回调中的this&period;href不执行跳转的解决办法

    1. 问题背景 如下所示代码: $.post("/ems/register",indata, function(data){ if(data != null && ...

  4. Linux Shell编程变量赋值和引用

    我们可以使用任意一种文字编辑器,比如gedit.kedit.emacs.vi等来编写shell脚本,它必须以如下行开始(必须放在文件的第一行):   #!/bin/sh  ...  注意:最好使用“! ...

  5. Unite Beijing 2015大型活动

    摘要:2015年,我做的最疯狂的事情:网友见面会—去北京参加Unite Beijing 2015大会. 正文:记得,上次在北京参加大型活动还是2008年前–传统电信行业的巅峰时期:那时移动互联网.An ...

  6. FZU1862&lpar;线段树 或者 DP）

    Problem 1862 QueryProblem Accept: 100    Submit: 249Time Limit: 2000 mSec    Memory Limit : 32768 KB ...

  7. javascript DOM对象（2）

    访问兄弟节点 1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中). 语法: nodeObject.nextSibling 说明:如果无此节点,则该属性返回 null. ...

  8. CODEVS上一道很有趣的题（2145 判断奇偶性）

    判断函数y=x^n次方的奇偶性若是奇函数就输出ji,偶函数输出ou 233333 用到了long long 还是爆了,于是就上了char a[1000000] =.= #include<stdi ...

  9. selenium定位方式-获取标签元素：find&lowbar;element&lowbar;by&lowbar;xxx

    定位方式取舍# 唯一定位方式.多属性定位.层级+角标定位(离目标元素越近,相对定位越好) # 推荐用css selector(很少用递进层次的定位)# 什么时候用xpath呢? 当你定位元素时,必须要 ...

  10. SQL之to&lowbar;date&lpar;&rpar;以及关于日期处理的详解

    日期例子: SELECT TO_DATE('2006-05-01 19:25:34', 'YYYY-MM-DD HH24:MI:SS') FROM DUAL SELECT TO_DATE('2006- ...

相关文章