通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 my小屋
联系我们
设为首页
加入收藏

 

qq,asp,php,jsp,xml,sql,.net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 网络赚钱 | 网站地图 | 广告服务 | 服务
当前位置:首页>>网页设计>>html/css>>正文 新版上线![旧版]
注:打开慢时请稍等
xhtml第1天:选择什么样的doctype

http://www.iyit.net  日期:2006-5-5 9:45:08  来源:中国站长学院  点击:
参加讨论

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

查看本站首页原代码,可以看到第一行就是:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

打开一些符合标准的站点,例如著名web设计软件开发商macromedia,设计大师zeldman的个人网站,会发现同样的代码。而另一些符合标准的站点(例如k10k.net)的代码则如下:

<!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声明可供选择:

(1)过渡的(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">

(2)严格的(strict):要求严格的dtd,你不能使用任何表现层的标识和属性,例如。完整代码如下:

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">

(3)框架的(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)。因为这种dtd还允许我们使用表现层的标识、元素和属性,也比较容易通过w3c的代码校验。

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

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

补充:doctype声明必须放在每一个xhtml文档最顶部,在所有代码和标识之上。



编辑:黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇:*.htc 文件的简单介绍
下一篇:xhtml第2天:什么是名字空间
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
最新更新 热点排行 推荐新闻
xhtml第12天:校验及常见错误
xhtml第11天:如何制作不用表格的菜单
xhtml第10天:div自适应高度
xhtml第9天:第一个css布局实例
xhtml第8天:css布局入门技术
按形容词分类:传统、稳重、古典
按形容词分类:传统、高雅、优雅
按形容词分类:冷静、自然
按形容词分类:高尚、自然、安稳
按形容词分类:回味、女性化、优雅
按形容词分类:华丽、花哨、女性化
按形容词分类:狂野、充沛、动感
按形容词分类:轻快、华丽、动感
按形容词分类:运动型、轻快
按形容词分类:活泼、快乐、有趣
读取符合rss2.0规范的xml文档
flash中通过xmlsocket监控生产系统(2-
flash中通过xmlsocket监控生产系统(2-
flash中通过xmlsocket监控生产系统(2-
flash中通过xmlsocket监控生产系统(2-
qq珊瑚虫外挂4.0版本发布!
多个广告位招商!
摄影后期系列一:1分钟为数码相片去红眼
qq挂机说明
asp进度条
photoshop通道抠图:给秀发飞扬的mm照
教您显示器亮度对比度的调节
新版上线,今日正式开通!!!
更多精彩图文广告等着您!
asp中使用sql语句教程
第二十章 开发delphi对象式数据管理功
sql简明教程(1)
vbscript和javascript互相调用 
jsp教程(四)-jsp actions的使用
操作系统被入侵后的修复过程
五一别忘电脑防毒 养成良好上网习惯
google对ie浏览器将捆绑搜索功能表担忧
新版上线,今日正式开通!!!
用photoshop创意图形“岁月”
摄影后期系列一:1分钟为数码相片去红眼

 友情链接
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
copyrights © 2004-2006 iyit.net all rights reserved.
网站合作、广告联系qq:147007642、466949678
易特网络技术 点击这里给我发消息