HTML文档类型

时间：2022-09-06 18:03:18

在HMTL5中页面的最顶端代码就是：

<!DOCTYPE html>

为何要如此定义、书写呢？

首先引入一个概念：文档类型，英译为：Document type,缩写成：doctype.

文档类型有何作用呢？

在计算机世界中存在许多不同文件类型或称为文件扩展名，比如.txt,.log,.doc,.wps,.xml….。计算机根据不同的文档类型来选择相对应的软件对文件进行打开，修改等操作！同样Web世界中存在许多不同的文档，但是Web网页是使用浏览器来打开、渲染、显示，如何才能让浏览器正确地显示文档呢，这就需要了解文档的类型！

HTML有多个不同的版本，只有准确的在页面中指定确切的HTML版本，浏览器才能正确无误的显示HTML页面。这就是<!DOCTYPE>的用处。

<!DOCTYPE> 不是HTML标签，它只是为浏览器提供一项声明，因此它没有闭合/结束标签！

HTML文档类型的种类：

由于历史原因，HTML有着多个版本，目前使用比较广泛的仍然是：

1999制定的HTML 4.01, 2000年制定的XHTML 1.0，2012制定的HTML5。不过需要特别说明的是：HTML5目前只是初稿！

HTML 4.01规定了三种文档类型：Strict, Transitional, 以及Frameset. 中译为：严格版本，过渡版本，以及基于框架的版本！

XHTML 1.0同样也规定的三种文档类型：Strict, Transitional, 以及Frameset. 中译为：严格版本，过渡版本，以及基于框架的版本！

它们名称相同，但是声明的方式，有略微区别！

DOCTYPE的语法：  HTML *元素 可用性 “注册组织//类型 标签//定义语言”"URL” .

以下面这个 <!DOCTYPE> 标签为例：

<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

根元素是 html,

注册组织：W3C,

类型标签：XHTML 1.0 Strict,

定义语言：EN.

URL：http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd。

它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

始终要明白：URL只是替补！

Strict:

HTML 4.01:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "

http://www.w3.org/TR/html4/strict.dtd">

XHTML 1.0:

    <!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Transitional:

HTML 4.01:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "

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

XHTML 1.0:

    <!DOCTYPE html

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

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Frameset:

HTML 4.01:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "

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

XHTML 1.0:

    <!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.0与HTML 4.01文档类型声明复杂并且难理解，但是在HTML5中，就简单许多了！！！

注意：虽然规定有三种文档类型，但是在每一张网页中只能同时声明一种规范！

文档类型，在使用集成开发工具时，基本都会自动添加。有时候使用记事本编写HTML代码时，往往会忘记声明文档类型，如果是复杂的页画那么在浏览器显示时就很容易会错排！

HTML文档类型的更多相关文章

  1. Doctype文档类型、作用及触发方式

    Doctype文档类型 1)  该标签可声明三种 DTD 类型,分别表示严格版本.过渡版本以及基于框架的 HTML 文档. 2)  HTML 4.01 规定了三种文档类型:Strict.Transit ...

  2. Umbraco文档类型定义多个template

    利用这个可以同时写PC端和手机端的网站, 在Template中,建立手机端的模板: 在文档类型中,同时选择两个模板,在浏览的时候在URL后加上Template的名称 + .aspx 就可以浏览到你写的 ...

  3. DOCTYPE html PUBLIC 指定了 HTML 文档遵循的文档类型定义

    DOCTYPE html PUBLIC 指定了 HTML 文档遵循的文档类型定义 今天看到一篇CSS应用的一个友好搜索,我按网页上的代码复制.粘贴后预览时总达不到效果,而直接拷贝他的实例却能达到效果, ...

  4. 彻底解决android读取中文txt的乱码（自动判断文档类型并转码

    原文:http://blog.csdn.net/handsomedylan/article/details/6138400 public String convertCodeAndGetText(St ...

  5. HTML&amp&semi;CSS基础学习笔记1&period;4-定义文档类型

    Web 世界中存在许多不同的文档.只有了解文档的类型,浏览器才能正确地显示文档. HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面 ...

  6. doctype（文档类型）的作用是什么&quest;转载

    <!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前.此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范. Document Type ...

  7. HTML文档类型DTD与浏览器怪异模式

    虽然在兼容IE6时候经常会注意到两个模式的区别,但是系统的理解起来,还没有认真总结过.看了一些网上的资料.结合自己的理解汇总了一下,放在这里备忘并分享给大家. 浏览器从服务端获取网页后会根据文档的DO ...

  8. 有效的XML&colon; DTD（文档类型定义）介绍&lpar;转&rpar;

    文档类型定义和命名空间 有效(Valid)的XML文档: 首先,XML文档是个格式正规的(Well-formed)XML文档:(见格式正规的XML:语法 属性 实体 处理指令 样式单 CDATA节). ...

  9. &excl;DOCTYPE html文档类型声明简写 HTML5 DOCTYPE缩写

    html5之!DOCTYPE html文档类型声明简写,在HTML5中DOCTYPE简写非常重要. 一.概述   -   TOP 让CSS样式表生效,DOCTYPE声明是必须的,以前TABLE布局的网 ...

随机推荐

  1. &lbrack;ACM&lowbar;模拟&rsqb; The Willy Memorial Program （poj 1073 &comma;联通水管注水模拟）

    Description Willy the spider used to live in the chemistry laboratory of Dr. Petro. He used to wande ...

  2. bzoj1150

    haha,贪心,边界条件折腾了我一会儿 #include<cstdio> #include<cctype> #include<queue> #include< ...

  3. java测试1

    发大水 package com.java1234.activiti.variable; import java.util.Date; import java.util.HashMap; import ...

  4. How can I let the compiled script depend on something dynamic

    Compile your script with /DNAME=value or /X"nsis command" passed on to makensis.exe as com ...

  5. Linux内核目录解析~

    以前进过一些公司看到一些服务器,把环境搭建都搭建在etc里面,而且都乱套了.在找PHP配置文件和apache的conf文件都难找到, 我们应该大致的了解下linux的文件分布 /etc : 放置系统重 ...

  6. node&period;js零基础详细教程&lpar;7&rpar;：node&period;js操作mongodb，及操作方法的封装

    第七章 建议学习时间4小时  课程共10章 学习方式:详细阅读,并手动实现相关代码 学习目标:此教程将教会大家 安装Node.搭建服务器.express.mysql.mongodb.编写后台业务逻辑. ...

  7. Python开篇

    一:Python的前世今生 python的创始人为吉多·范罗苏姆(Guido van Rossum).1989年的圣诞节期间,吉多·范罗苏姆为了在阿姆斯特丹打发时间,决心开发一个新的脚本解释程序,作为 ...

  8. （转）iOS-Runtime知识点整理

    runtime简介 因为Objc是一门动态语言,所以它总是想办法把一些决定工作从编译连接推迟到运行时.也就是说只有编译器是不够的,还需要一个运行时系统 (runtime system) 来执行编译后的 ...

  9. 某个 页面覆盖了 UITabBar 的tabItem的解决办法

    将这个页面的背景色设置为无色: [self.view setBackgroundColor:[UIColor clearColor]]; 或者 self.view.frame = CGRectMake ...

  10. MySQL Gap Lock问题

    四种隔离级别说明 隔离级别 脏读(Dirty Read) 不可重复读(NonRepeatable Read) 幻读(Phantom Read) 未提交读(Read uncommitted) 可能 可能 ...

相关文章