| 用标准翻新你的页面 | 用标准翻新你的页面（译） (上官无耻)
本文献给所有对HTML有所了解，但却可能从来没有关注过其下一代产品XHTML以及如何将web页面的内容和外观分离开来的人们。
●分离内容和外观表现
HTML其实从来没有被定义为用来做各种花哨的修饰，它的本意仅仅是提供一种格式良好、能在浏览器中显示文本、图像内容的技术，不过长久以来聪明的用户和设计师们却摸索出了一套“完善”的途径来让HTML可以实现各种复杂的布局。而在无处不在倡导标准的今天，正确的方法应该是借助CSS的强大力量来实现网页内容和外观表现的分离。
这么做的好处有很多，比如：可以大大缩减网页的体积，节约带宽；所有的页面共同应用一个或多个样式表，任何修改都可以统一进行而不需要逐一修改每个页面，从而使设计更加便捷、有效。
基于上述思想，意味着你不应该利用HTML标签来达到任何修饰的目的，比如font标签和bgcolor属性都是禁止的。在XHTML 1.1标准下，甚至img标签内的border属性都是被废除的。不过别担心，以前在HTML下能实现的所有效果现在一样可以实现，而且更好，借助CSS。
当然，这并非是说HTML下的一切起到修饰作用的标签都不能用，而是应该在合适的位置使用。比如文章的标题，我们都希望它醒目一些，那么我就可以用h1、h2等等来修饰它，让它变得大一些，并且粗体显示有别于正文，如果仅仅为了达到这个目的而动用CSS就没有必要了。
一个好的测试方法就是，在一个非纯文本浏览器上（IE,Firefox），如果你的页面不借助任何样式表而依然可以层次分明的显示的话，它就是合乎要求的。
表格不应该用来布局和定位：表格的设计初衷是用来显示数据列表。不过在一直以来富有经验的HTML使用者却借助它来完成页面的布局和各种图片、文字的定位，人们已经见怪不怪了，今天我们应该还表格以其本来的面目了。
●标签
在XHTML中，所有的标签必须小写且必须闭合，对于那些单独出现没有对应结束标签的标签（比如br和img），应该用一个“/”结尾，就像这样<br />，注意，尾部留有一个空格，这个空格也许并非强制性的，但如果你不想在哪里出现意外，还是不要省略为好。
所有标记应该是格式良好，并且嵌套正确的，举例：<strong><em>this</em></strong>，而不是 <strong><em>this</strong></em>。
所有的页面文档都应该含有html,head,title,body这4个主要元素，不能省略任何一个。（在国内的好多html教程的范例中，经常见到有略去head，title元素的写法，汗！毁人不倦啊。）
●属性
所有的属性也必须小写，并且他们的取值应该用引号标记。
单独的属性是不允许的（比如<input type="checkbox" checked />内的checked），对于这种属性按照规定，应该赋予其一个与其同名的属性值（就像这样<input type="checkbox" checked="checked" />）。
至于name属性，将会逐渐淘汰（form元素例外），取而代之的应该是id属性。
target属性也是不建议使用的，因为我们无权替访客选择以哪种方式打开一个新的页面。
所有的img标签必须加上alt属性，如果一副图片实在无法找到合适的词来描述，那就将其留空，即alt=""，总之不能省略。
●可访问性
所谓的可访问性是指让你的站点能够更便于残障人士使用，这不是在哗众取宠，也不要认为这些残障人士不会浏览我们的站点，就好像说盲人一定不会买电视机一样！可访问性并不仅仅用来帮助那些残障人士，即便对于有着健康身体的我们来说也一样有益，因为我们总有一天会变老，我们的手脚会不再灵活，我们的视力会逐渐衰退，到了那一天，我们也会从可访问性中得到帮助。
在美国，出台了专门法律的“508条款”——试图强制所有站点（起码是商业站点）遵循可访问性规则；在英国，规定所有的政府、机关站点必须达到一定程度的可访问性要求，同时许多类似的法规也要求普通的商业站点遵循相关标准。
在中国，这一天也许还很遥远，毕竟在我们的人行道上，为盲人准备的盲线尚无法保证很好的发挥作用，某些城市的人行道上居然还把盲线布成各种曲折的行状，真是胡闹！更不要说一个坐着轮椅的人可以脱离正常人的帮助而独自登上台阶去逛商场……中国。
| |
|
泉州V23网络为您的企业打造精品网站: 800元起"网站建设+精美网页设计+搜索引擎推广"服务!! 7*24咨询:13559567956
