Doctype的作用,html5中doctype的作用

  Doctype的作用,html5中doctype的作用

  DOCTYPE是document type的缩写,在网页设计中用来说明你用的是什么版本的XHTML或者HTML。

  要建立一个符合标准的网页,DOCTYPE语句是不可或缺的关键组件;除非你的XHTML确定了正确的DOCTYPE,否则你的logo和CSS都不会生效。

  文档类型声明

  当你开始制作符合标准的网站时,首先要做的就是声明符合你需求的DOCTYPE。

  纵观很多使用XHTML标准开发的网站,第一行就是:

  ! DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD

  打开一些标准的网站,比如著名的网页设计软件开发商Macromedia,Web Pottery Bar,你会发现同样的代码。

  而其他符合标准的站点代码如下:

  !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Frameset//EN http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Frameset . DTD

  那么这些代码是什么意思呢?一定要放吗?

  什么是DOCTYPE

  上述代码称为DOCTYPE声明。DOCTYPE是document type的缩写,用来说明你用的是什么版本的XHTML或者HTML。

  DTD(例如,xhtml1-transitional。上面例子中的DTD)称为文档类型定义,它包含了文档的规则。浏览器将根据您定义的dtd解释页面的徽标并显示出来。

  要建立一个符合标准的网页,DOCTYPE语句是不可或缺的关键组件;除非你的XHTML确定了正确的DOCTYPE,否则你的logo和CSS都不会生效。

  XHTML 1.0提供了三种DTD声明供选择:

  *过渡性:需要一个非常宽松的DTD,允许你继续使用HTML4.01的logo(但必须符合xhtml的写法)。完整的代码如下:

  ! DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD

  * Strict:需要一个严格的DTD,不能使用表示层的任何标识和属性,比如br。完整的代码如下:

  !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Strict . DTD

  * Frameset:专门为框架页面设计的DTD。如果您的页面包含框架,您需要采用这个DTD。完整的代码如下:

  !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Frameset//EN http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Frameset . DTD

  我们选择什么样的DOCTYPE?

  最理想的情况当然是一个严格的DTD,但是对于我们大多数刚接触web标准的设计师来说,过渡DTD(XHTML 1.0 Transitional)是目前最理想的选择。因为这个DTD还允许我们使用表示层的标识符、元素和属性,所以更容易通过W3C代码验证。

  注:上述‘表示层的标记和属性’是指那些纯粹用于控制展现的标签,比如用于排版的表格、背景色标记等。在XHTML中,logo是用来表示结构的,而不是用来实现表达的。我们过渡的目的是最终实现数据和表达的分离。

  比如:人体模特换衣服。模特就像数据,衣服是表现形式,模特和衣服是分开的,你可以随意换衣服。在最初的HTML4中,数据和呈现是混合在一起的,所以一次性改变呈现形式是非常困难的。呵呵,有点抽象。这个概念需要在申请过程中逐渐理解。

  补充

  DOCTYPE声明必须放在每个XHTML文档的顶部,在所有代码和徽标之上。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: