什么是DOCTYPE 它对网页起何作用?

网页

  DOCTYPE是document type(文档类型)的简写,在web设计中用来说明你用的XHTML或者HTML是什么版本。

  要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。

  DOCTYPE声明

  开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE。

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

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

  打开一些符合标准的站点,例如著名web设计软件开发商Macromedia,会发现同样的代码。

  而另一些符合标准的站点的代码则如下:

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

  那么这些代码有什么含义?一定要放置吗?

  什么是DOCTYPE

  上面这些代码我们称做DOCTYPE声明。DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。

  其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。

  要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。

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

  * 过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法),完整代码如下:

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

  * 严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>,完整代码如下:

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

  * 框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD,完整代码如下:

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

  我们选择什么样的DOCTYPE

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

  注:上面说的"表现层的标识、属性"是指那些纯粹用来控制表现的tag,例如用于排版的表格、背景颜色标识等。在XHTML中标识是用来表示结构的,而不是用来实现表现形式,我们过渡的目的是最终实现数据和表现相分离。

  打个比方:人体模特换衣服。模特就好比数据,衣服则是表现形式,模特和衣服是分离的,这样你就可以随意换衣服。而原来HTML4中,数据和表现是混杂在一起的,要一次性换个表现形式非常困难。呵呵,有点抽象了,这个概念需要我们在应用过程中逐步领会。

  补充

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

时间: 2024-12-28 08:29:50

什么是DOCTYPE 它对网页起何作用?的相关文章

什么是DOCTYPE 它对网页的作用?

        DOCTYPE是document type(文档类型)的简写,在web设计中用来说明你用的XHTML或者HTML是什么版本. 要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分:除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效. DOCTYPE声明 开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE. 查看很多使用XHTML标准开发的网站,第一行就是: 打开一些符合标准的站点,例如著名web设计软件开发商Macro

安全退出按钮不起作用,按了刷新一遍网页才起作用asp.net c#

问题描述 解决方案 解决方案二:最后一句改为"<script>alert('你的提示');location.reload();</script>"即可解决方案三:引用1楼sd797994的回复: 最后一句改为"<script>alert('你的提示');location.reload();</script>"即可 还是不起作用呢解决方案四:ClientScript.RegisterStartupScript(this.

前端翻译:Activating Browser Modes with Doctype

一.前言   原本备份: http://www.cnblogs.com/fsjohnhuang/p/3830623.html   由于本人英语能力有限,译本内容难免有误,望各位指正!   本译文不含附录部分,请知悉.   二.译文内容 为了让用户正常访问遵循Web标准的网站和90年代后期的非标准网站,当前的浏览器都内置了多种引擎模式.本文将解释这些模式和它们触发的原理.      本文概要(没耐性的同学看完这个就可以闪了!)     本文结论:以<!DOCTYPE html>作为你们的HTML

JS魔法堂:doctype我们应该了解的基础知识

一.前言 什么是doctype?其实我们一直使用,却很少停下来看清楚它到底是什么,对网页有什么作用.本篇将和大家一起探讨那个默默无闻的doctype吧!   二.什么是doctype doctype或DTD就是声明在文档首行,位于<html>前,用于告知浏览器该文档遵循那种级别的HTML或XHTML规范. 其声明格式如下: <!DOCTYPE① html②PUBLIC③ "公共标识符"④"系统标识符"⑤ [<!ELEMENT name (#P

10招教你解决IE浏览器无法浏览网页的问题

Internet Explorer,简称IE或MSIE,是微软公司推出的一款网页浏览器.Internet Explorer是使用最广泛的网页浏览器,虽然自2004年以来它丢失了一部分市场占有率.在2005年4月,它的市场占有率约为85%. Internet Explorer是微软的新版本Windows操作系统的一个组成部分.在旧版的操作系统上,它是独立.免费的.从Windows 95 OSR2开始,它被捆绑作为所有新版本的Windows操作系统中的默认浏览器.然而,最近(2004年~2005年)

彻底理解Doctype

写了很多年的CSS,但是对于页面中的第一段话从来都是模模糊糊的认识.仿佛是记得,不同doctype模式,就会触发不同的验证级别.实际的编码过程中,貌似遇到过一两次模式不同,代码解释不一样的情况,但是并没有去细细的追究.今天想起来,这个问题乃是一个最基本的问题,所以花了点时间整理一些知识,消化一下,今后不能够在这个方面有半点的马虎. 首先,看一段典型的Doctype <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q

2015网页设计七大杀手锏

  回顾2014年网页设计领域,我们可以看到一些非常值得关注的趋势:无代码网页设计平台.视差滚动.单屏网页设计等等.虽然很多新潮设计不会持续很长时间,但还是会有少部分会自然演变为网页设计的主流.尤其是随着网页浏览设备的不断更新换代(电脑.平板.手机等),网页设计师必须接受新的变化,并且为这些变化不断修改更新网页,以此带来更佳的网页浏览体验. 为了探索未来2015年的网页设计趋势,本期国外精品翻译教程就和大家分享国外专业网页设计平台Webydo眼中的2015年网页设计趋势中的七大杀手锏. 1.网页

网页制作中隐藏域的妙用

网页 在网页制作中,我们知道有一个input ="hidden"的属性,顾名思义它就是隐藏在网页中的的一个元素,并不在网页中显示出来. 那么它的作用是什么呢.作过cgi,asp,php,jsp等的朋友都知道有些时候我们要给用户一信息,让他在提交表单时提交上来以确定用户身份,如sessionkey,等等.当然这些东西也能用cookie实现,但使用隐藏域就简单的多了.而且不会有浏览器不支持,用户禁用cookie的烦恼. 另外有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户

网页设计中的色彩应用

设计|网页|网页设计 色彩的运用在网页中的作用真是太重要了,有些网页看上去十分典雅.有品位,令人赏心悦目,但是页面结构却很简单.图象也不复杂,这主要是色彩运用得当,色彩的魅力让人难以抵挡,你是否明白看似简单的颜色运用中的原理以及奥秘呢?这就涉及到很多色彩原理的知识,因此我特地将本来属于图象制作内的色彩作为一个独立拦目来介绍. 1.色彩基本概念 自然界中的颜色可以分为非彩色和彩色两大类.非彩色指黑色.白色和各种深浅不一的灰色,而其他所有颜色均属于彩色.任何一种彩色具有三个属性: (1)色相(Hue