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

今天看到一篇CSS应用的一个友好搜索,我按网页上的代码复制、粘贴后预览时总达不到效果,而直接拷贝他的实例却能达到效果,开始以为书写顺序不对,于是调整书写顺序,还是不行,最后找到了我认为最没什么用处的第一行才发现真正起作用的竟然是

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

晕,这还真重要.网上搜搜,查出下面的资料.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

 手机上用的是:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

到底有什么用?

我只是记得这是用来声明文档类型的,具体的含义和作用忘记了。百度一下之后,分享出来。

XHTML 是 HTML 的改造和升级版。W3C 的 XHTML 1.0 规范在这里:

http://www.w3.org/TR/xhtml1/
W3C 目前正在制定 XHTML 2.0 规范:
http://www.w3.org/TR/xhtml2/

  XHTML 1.0 所做的工作就是将 HTML 4.0(最后的 HTML 版本)按照符合 XML 标准的要求加以改造。XHTML 1.0 并未定义任何新的元素和属性,而是沿用了所有 HTML 4.0 的元素和属性,因此 XHTML 1.0 与 HTML 4.0 是完全兼容的。传统的 Web 开发者/设计师非常容易掌握 XHTML 1.0。目前所有主流的桌面浏览器都已经可以很好地支持 XHTML 1.0,甚至很多移动智能设备(智能手机、PDA 等等)中的浏览器也已经可以很好地支持 XHTML 1.0。 XHTML 2.0 对于 XHTML 1.0 做了很大的改进,很多地方甚至与 XHTML 1.0 不兼容。由于目前主流的浏览器仅仅只能支持 XHTML 1.0,因此我们这里的讨论将限制在 XHTML 1.0 的范围内。

--以上都是废话!

既然 XHTML 1.0 对于 HTML 4.0 做了改造,那么必然对于页面提出了一些新的要求,这些新的要求包括

1. 必须在页面最顶部加上 DOCTYPE 的声明。如果不加这个声明,浏览器就会按照 HTML 4.0 的方式来处理,而不把页面当作 XHTML 处理。

HTML is the publishing language of the World Wide Web. 
html 是当前互联网被普遍采用的页面描述语言,被浏览器解释并形成最终网页页面。

xhtml与html相似,但是其文档是两够的xml文档,因此更为整齐、标准化、易于处理和交流、易于扩展。

XHTML 1.0 的 DOCTYPE 声明有 3 种,分别对应 3 种不同的 DTD。

Transitional —— 最宽松的 DTD,可以使用带表现含义的标签和属性。

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

Strict —— 最严格的 DTD,不允许使用任何带表现含义的标签和属性。

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

Frameset —— 用于使用了 frame 的页面(即,包含有 <frameset> 标记)。

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

  

  在刚刚开始向 XHTML 迁移的过程中,可以使用 Transitional 的 DTD,当习惯了更好的页面开发方法后,可以转向使用 Strict 的 DTD。只有在需要用到 frame 的页面,才应该使用 Frameset 的 DTD。

2. 紧跟在上面 DOCTYPE 声明之后的是一个 XHTML 名字空间(namespace)声明,放在增强的 <html> 元素中,写法为:

<html xmlns="http://www.w3.org/1999/xhtml">

3. 由于 XHTML 1.0 页面就是合法的 XML 文档,而 XML 对于标签和属性都是区分大小写的,为了简单起见,XHTML 1.0 页面中所有的标签和属性都必须使用小写。

一些免费的工具,例如 HTML Tidy(http://tidy.sourceforge.net/),可以帮助你把标签和属性自动转换为小写。

4. 通过在 <head> 元素中添加一个 <meta> 元素来声明页面中使用的语言。

<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

5. 在 XHTML 中,所有的属性都必须要加上引号。

一些免费的工具,例如 HTML Tidy(http://tidy.sourceforge.net/),可以帮助你自动为所有的属性加上引号。

6. 在 XHTML 中,所有的属性都必须有值。

不能像在 HTML 4.0 中那样写:
<input type="checkbox" name="shirt" value="medium" checked>

而要写成:
<input type="checkbox" name="shirt" value="medium" checked="checked" />

7. 在 XHTML 中,所有的标签都必须关闭。

关闭标签有两种方式,包含内容的标签使用结束标签关闭,空标签在后面加上空格和“/”。例如:
<p>This is acceptable HTML and it is also valid XHTML.</p><img src="logo.gif" />

8. 不要在注释内容中使用“--” 。

“--” 只能使用在 XHTML 注释的开头和结束,不能出现在注释的内容中。下面的写法都是不允许的:
<!--Invalid -- and so is the classic "separator" below. --><!------------------------------------>

9. 把所有的特殊符号编码。

< = &amp;lt;> = &amp;gt;& = &amp;amp;

W3C 的 XHTML/CSS/DOM 这 3 个规范构成了一个完整而严密的体系,我称这 3 个规范为 Web 世界中“三位一体神的化身”。这 3 个规范分别代表了 Web 页面的 structure(结构)、presentation(表现)和 behaviour(行为) 3 部分。将 Web 页面严格分为这 3 层,并且尽量使每一层的内容相互独立,有助于提高页面的可重用性和模块化程度,大幅降低页面制作、维护和修改的成本。为了达到上述分层的目标,编写的 XHTML 中应该只包含与 structure 相关的标记(元素和属性)。因此应该习惯于使用 Strict 类型的 DTD,尽快摒弃那些带有表现含意的标记(这些标记在 HTML 4.0 规范中被标识为 Deprecated 即“不提倡”,并且会在 XHTML 以后的版本中被完全舍弃);尽快摒弃基于 table 做布局的老方法,采用完全的 CSS 布局。

附:推荐的 XHTML 相关书籍。

  1. 《HTML 与 XHTML 权威指南》,Chuck Musciano & Bill Kennedy 著。
  2. 《XHTML教程》,Chelsea Valentine & Chris Minnick 著。
  3. 《网站重构》,Jeffrey Zeldman 著。

那么为什么要遵循规范?这些规范能给我们带来什么样的好处?

标准重构是个新名词,对于大部分企业来讲,还不知道是什么含义,我们这里无须把这个名词解释的多么的深奥,为什么要用标准重构呢?采用网站标准有什么好处?

对网站浏览者的好处:

文件下载与页面显示速度更快; 
内容能被更多的用户所访问(包括失明、视弱、色盲等残障人士); 
内容能被更广泛的设备所访问(包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等) ;
用户能够通过样式选择定制自己的表现界面 ;
所有页面都能提供适于打印的版本 ;

对网站所有者的好处:

更少的代码和组件,容易维护,带宽要求降低(代码更简洁),成本降低。举个例子:当 ESPN.com 使用 CSS改版后,每天节约超过两兆字节(terabytes)的带宽。 
更容易被搜寻引擎搜索到 ;
改版方便,不需要变动页面内容 ;
提供打印版本而不需要复制内容 ;
提高网站易用性。在美国,有严格的法律条款(Section 508)来约束政府网站必须达到一定的易用性,其他国家也有类似的要求

来自:http://jdiqssu.blog.163.com/blog/static/666413942009916822833/

DOCTYPE html PUBLIC 指定了 HTML 文档遵循的文档类型定义相关推荐

  1. word合并文档php,使用PHPWord合并Word文档,在文档指定页插入另一个文档的内容

    提示:不支持.doc文件的读取 有一个客户有这样的需求,需要在ThinkPHP里使用PHPWord组件,把一个文档(DOC1)的内容,插入另一个文档(DOC2)的指定页内.由于两个文档的内容都不是固定 ...

  2. Requests+Etree+BeautifulSoup+Pandas+Path+Pyinstaller应用 | 获取页面指定区域数据存入html、excel文档

    Requests+Etree+BeautifulSoup+Pandas+Path应用 | 获取页面指定区域数据存入html.excel文档 1 需求来源 2 需求细节 3 设计分析 4 技术栈 5 设 ...

  3. 文档声明Doctype和Doctype html区别 文档类型定义(DTD)

    文档类型定义(DTD)可定义合法的XML文档构建模块.它使用一系列合法的元素来定义文档的结构. DTD 可被成行地声明于 XML 文档中,也可作为一个外部引用. 文档声明的作用: 文档声明是为了告诉浏 ...

  4. XML——文档类型定义(DTD-Document Type Definition)

    [0]README 0.1)本文文字描述转自 core java volume 2 , 旨在理解 XML--文档类型定义(DTD-Document Type Definition) 的基础知识: 0. ...

  5. 文档类型定义和合法性(2)

    8.5.3 子元素列表 由于SEASON元素被声明为可以接受任何元素作为子元素,因而可以接受各种各样的元素.当遇到那些多多少少有些非结构化的文本,如杂志文章时,这种情况就很有用.这时段落.副栏.项目列 ...

  6. XML之文档类型定义和合法性(转)

    来至:liang--liang博客:http://www.cnblogs.com/liang--liang/archive/2008/01/15/1039277.html 好牛 XML被作为一种元标记 ...

  7. doctype html public w3c,!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w...

    此声明必须出现在文档的起始位置处,出现在标签之前. /p> Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd& ...

  8. XML--- XML文档类型定义(DTD)

    **定义:**DTD定义了文档的逻辑结构,规定了文档中所使用的元素.实体.元素的属性.元素与实体之间的关系.其作用主要表现在以下几个方面. (1) 使用DTD可以提供一种统一的格式.XML的可扩展性为 ...

  9. ]!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN

    [转载...........] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "ht ...

最新文章

  1. JavaScript 技术篇-使用js代码获取浏览器窗口标题名,js获取页面URL地址
  2. 谈VHDL/Verilog的可综合性以及对初学者的一些建议
  3. 6.494 - Kindergarten Counting Game
  4. 区块链来了|网贷业想尝鲜,全民记账让卷款跑路成为不可能!
  5. php 9000 端口没起来,ubuntu fpm-php 未监听9000端口问题
  6. java junit mock_使用Mockito进行Java的Mock测试
  7. android中所有颜色大全
  8. vjc机器人灰度怎么编程_求用vc++编程实现显示灰度直方图的详细步骤,越详细越好...
  9. 计算机的存储器与高速缓存
  10. 如何删除mysql系统服务_如何彻底删除mysql服务(清理注册表)详解
  11. 第四章 《无冬之夜》
  12. linux pwm控制蜂鸣器 滴滴_linux pwm实现蜂鸣器
  13. C++stoi、stol、stoll 函数用法
  14. 6.easyui+ztree案例:zTree树
  15. 基于FPGA的高空坠物跟踪和预警系统
  16. 幽门螺旋杆菌反反复复,该怎么办?
  17. 6.亿级流量电商详情页系统实战
  18. python记时命令
  19. 147. Python语言 的 Flask框架项目前导 之 Flask数据库 第三章 :SQLAlchemy-ORM 介绍
  20. 业内第一个NB-IoT技术交流群,欢迎大家分享NB-IoT物联网技术和经验

热门文章

  1. IPC经典入侵,比3389实用(图)
  2. 过年回家抢不到火车票?教你用 Python 开发 12306 查票神器
  3. php 斗鱼人数,斗鱼旭旭宝宝再度登顶指数榜首位 单日弹幕人数高达48万人
  4. fastjson解析多层数据_JSON数据如何进行解析呢,方式有哪些?
  5. Nginx负载均衡状态之backup
  6. 设计模式在Netty中的应用-迭代器模式源码举例
  7. 深入理解条件过滤Conditional
  8. Nacos配置中心-如何使用Nacos作为配置中心统一管理配置
  9. EasyExcel实现写操作
  10. 进化之路:故事从两个线程说起