XHTML的目标,规则和细节


两个目的:
1,将页面的内容和形式清晰的分离开来
2,使页面内容更接近于XML

为什么要实现这两个目的,好多地方都有讲,不过,这里简单的讲两条
1,跟为什么ASP.NET要分层是一个道理,内容和形式分离后,一个符合XHTML规范的页面的外观可重覆设计而无需更改页面内容
2,跟XML靠近的原因,这个好多地方有讲,最重要的是,HTML固然能被IE解析,可他那过于宽松的形式,大量的形式标记,无助于表示语义,一句话,HTML是用来呈现的,可它却忘了数据的重要性,数据不光要呈现,而且最好容易理解,这一点恰恰是XML的长处,XML就是用来表示数据的

XHTML的版本标准有三个
XHTML 1.0 过渡版,这个比较宽松
XHTML 1.0 严格版,严格要求形式和内容分离
XHTML 1.0 框架版,加入了对FRAMESET的支持

XHTML 1.0包含哪些标准呢?或者说,什么样的页面才是XHTML1.0规范页面呢?

1,页面开头必须包含一个正确的XML DocType声明
<!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 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
这个要注意,这个声明是告诉浏览器如何渲染页面的,想做个测试的话,你在DREAMWEAVER中做两个页面,一个用HTML,一个用XHTML标准,内容是一个100%宽100%高的表格,你给表格应用上边框,在IE里查看,你会发现,HTML标准的,表格确实是100%高100%宽,但是XHTML的就不会,表格高度无法到达100%高,这说明,IE在渲染时,是会根据DOCTYPE声明有所区别的

2,根元素必须指出XHTML命名空间
通常是HTML这个<html xmlns="http://www.w3.org/1999/xhtml">
3,所有元素和属性名要小写
4,属性值必须用双引号括起
这一条是很多人容易忘记的,因为在HTML里,数值属性值,我们往往都不写双引号,像A标记的HREF,也可以不写
不过,VS.NET的选项里,有选项可以让VS.NET自动帮你产生属性值双引号,而且可以自动更改大小写,挺方便
5,每一个元素必须有结束标记,如果是空元素,则按XML规则来书写,就是说<IMG>要写成<IMG  />
6,标记不要交叉,这一点应该没问题吧,不过,IE才不管你交不交叉,它的容错能力倒是超强(不是纠错哦)
7,属性必须有值,以前我们写CHECKBOX的属性,总是写<input type="checkbox" checked>这回不行了,得写成<input type="checkbox" checked="true" />
8,用ID属性取代NAME属性,这点顺理成章吧,毕竟ID更深入人心,特别是搞SERVER SIDE技术的,而且DHTML中,有许多涉及到ID的方法了,真不知道干啥还要用NAME(不是指INPUT类的哦,是指A,IMG等)
9,<script>及<style>标记的内容必须使用
<![CDATA[
]]>括起
这一点也容易理解,要不,如果你<SCRIPT>中有<>形式的字符,也会被浏览器当成XHTML标记来渲染了,但是,你可千万别以为真是直接用上面的标记括呀,你要这样括了,IE一定报错,因为IE虽然认识他们,可是JAVASCRIPT会当它们是代码呀,怎么办呢?正确的办法是加上JAVASCRIPT注释
/*<![CDATA[*/
/*]]>*/
这样一来就行了,不过,我刚开始看到上面的方法,很怀疑,因为这样一来,IE咋解析/**/呢?原文说,"the CDATA section is hidden from the JavaScript, but not from the browser that parses the page",就是说,虽然JAVASCRIPT注释掉它,并忽略它,但是浏览器仍然会解析它
当然,更好的办法是把SCRIPT和STYLE放到外部文件中去

其他的部分是我的建议
1,废除掉一些旧的标记,例如font,b,i,u等,基本上是那些用于修饰格式的标记
2,尽量使用DIV来布局而不是TABLE,当然如果你不熟的话,用TABLE也可以,不过,还是慢慢熟的好,至于原因,我想,DIV至少在用ROBERT程序抓取时比TABLE好解析多了吧
3,用样式来控制页面布局及格式,尽量不要用内容样式,要问为什么的话,你想想看,内联样式重用率低,而且太分散
4,选一个好的XHTML编辑器
一个好的编辑器有助于事半功倍的帮你编写XHTML标准的页面
VS.NET的HTML设计器一向不是很好使,而且VS.NET2003根本未提供XHTML支持,它仅支持标记自动小写,自动为属性加双引号,不支持自动改写空标记,更不支持验证是否符合XHTML
在这里建议大家用MACROMEDIA DREAMWEAVER MX 8,它的确是这世界上最棒的HTML设计器了,它支持100%的XHTML特性,从创建到验证,特别是验证,可以让你在创建完后,验证是否有违犯XHTML规定的地方

一些细节
DoCTYPE开关
不同的DOCTYPE声明对于浏览器来说,在渲染处理上是不一样的,主要是像BOX的计算规则之类的处理上
这一点是很多人所不知道的,例如,IE6支持两种模式,一种是标准模式,另一种是宽松模式,如果是XHTML的页面,则会用标准模式处理,如果是普通HTML页面,则是用宽松模式来处理,所以,一个内容相同的页面,DOCTYPE不一样,出来的细节也有些差别

本文翻译和摘要了一篇来自由Stephen Walther发表于MSDN上的文档,原文见http://msdn.microsoft.com/asp.net/reference/design/default.aspx?pull=/library/en-us/dnaspp/html/aspnetusstan.asp#aspnetusstan_topic2

本文作者:



相关阅读:
Windows 7中Ribbon UI的应用
CSS3制作的精彩的网页实例教程
CSS中几种浏览器对不同版本的支持与区分写法
Oracle11g性能提升--Server Connection Pool
AJAX基础教程
非常出色的jQuery运动特效可以和Flash媲美
SQL Server 2008性能和扩展
Linux操作系统默认打开文件数
网页制作中注意应用HTML标签的问题
PHP新手上路(六)
新手学堂:在Linux系统下建立Samba用户
Hibernate的JNDI绑定分析
忘记FREEBSD密码解决办法
巧用linux cd命令和Pushd切换目录
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 2016年商务局安全生产、消防安全工作总结 学习好法官邹碧华心得体会 感谢 感谢生命…… 我的课余生活 李雨漫 运管半年工作总结 我输了,你呢? 以自由之梦为题的作文 品荷 生命的呵护650字 我今天当回家 学习实践科学发展观专题民主生活发言材料 ××在政府全体会议上的讲话 情人节诚挚的祝福语 XXX局2005年党风廉政教育活动工作计划 工作闲暇之余_不懂,只是心累了 姥姥家的苹果树作文200字 寒假钳工实习报告范文 高考临场发挥12条夺高分妙招 黄窗窗的一天 年终总结会议主持词 林业党委保先六次大讨论总结 重阳节放假安排时间表 2013 被公益广告感动 初中初一作文700字:09.02.27 快乐童年 在一首诗里老去春光 2005年个人年度总结 -政府-年终工作总结 建军节祝福 谱尼 关于春节的作文400字:硬币的魔术 我的傻弟弟作文900字 乡间初秋1200字 2016年个人学习总结 那些年我们十七八岁 面对不要轻易放弃 作文 中国,你最棒! 实施双培双带工程加强基层党建工作调研报告 用工合同书经典范本 《钢铁是怎样练成的》读后感1200字 关爱作文700字 原来现在的我们都孤独了 2015某县人大常委会办公室关于开展保密工作的情况报告 你的脸出卖你的心 一生爱你,够不够 犹见卖货郞 50字景物描写的句子 太阳还没有出,只剩下一片乌蓝的天 神话小说《寻仙》即将创作 倒影作文100字 最浪漫的七夕甜蜜短信 学习最美教师心得体会 我学会了做生意

Copyright © 2016 phpStudy |