标准
这篇文章写给那些懂得html,但没有察觉到网页通不过xhtml校验,没有清晰了解分离语意和表现。
分离语意和表现
HTML的意义从来不是用在表现方面,但格式化文本和开发者找到方法操作布局。由于拥有强大的CSS,不用多久没有必要使用html表现样式,语意(HTML)可以和表现(CSS)完全分离。
这样做有很多好处,比如大大减少文件大小,有一个比单一页面方便可以控制整个网站弹性的主要样式,提高页面可用性。
在这个前提下意味着你不在html里体现表现。标签比如font
或者属性比如bgcolor
不能够再使用。甚至img
里的border
属性在xhtml 1.1里也不在有效。这些都不是问题,使用CSS可以比html做的更好,html做的到的css可以做到,html做不到的CSS也可以做到。
这里不仅夺去了html的表现,语意的应用意味着适当应用明确的html标签。比如,h1
,h2
必须用于标题——你不仅使用CSS控制更大字体。
好的指南是看如果拥有默认样式的可视浏览器里,没有样式文档也可以表现很好。
表格不要再用来布局——表格是被设计用来表现表格数据的。这对以前使用表格的网页设计者有点困难,因为它颠覆了传统的html结构。这个方法大大减少了页面大小,增强了代码的可用性。
标签
在XHTML里所有标签必须小写字母和关闭。那么没有关闭标签的如br
和img
必须使用“/”关闭自己,比如<br />
。注意应该有个空格。
标记需要成对出现,元素可能嵌套在一起,比如<strong><em>this</em></strong>
不是<strong><em>this</strong></em>
文档的body必须开始于p
h1
h2
h3
h4
h5
h6
div
pre
address
ins
del
属性
所有属性同样必须小写字母,它们的值在引号里面。
最小化属性是不允许的,比如<input type="checkbox" checked />
,以往最小化属性现在必须给与和属性一样名字的值比如<input type="checkbox" checked="checked" />
name
属性不允许使用在form以外的元素,必须使用id
。
target
不在是有效属性。赞扬下,以前是比较愚蠢。
img
里面必须有alt
属性。
可用性
增强网页可用性的意义对残疾用户不言而喻,这不是在说教,将来随着网页用户年龄增大感官能力下降它有真实好处。可用性不仅利于残疾用户,同样对较小伤害(主要在视觉方面)的大部分用户更容易。
越来越多的法律问题比如美国的'Section 508' 强制规定一定的可用性,在英国,政府网站必须达到制定的易用性。多久这样的法律会涉及到商业网站,就像建筑一样?
如果你按照上面的方法,你的网页已经拥有非常好的易用性。下面说到更多的易用性,它们并不是很难。