快捷搜索:

HTML高级教程标准要点(xhtml)

HTML高档教程的目的是开发HTML的优点,优化亲和力和易用性。

由于HTML低级教程和HTML中级教程持应用最新HTML标准(XHTML 1.0以上版本)的态度,可能某些没有读过低级和中级教程的人对这个教程的某些方面以为难以理解,这也是标准要点存在的缘故原由。总体上,这个教程的各部分都假设你对HTML已经里外理解,并要进一步开拓它的潜能。

这个教程给那些虽然已经懂得HTML,但对经不起未来XHTML标准的磨练,隐含在分离内容和体现后面含义还未觉醒的人们。

分离内容和体现

HTML从来就不是体现的手段,但从用户端结合元向来款式化文本,开拓者从中找到操作结构的措施。CSS的强大年夜,使得现在不再必要用HTML做任何体现了,而内容也可以完全从体现(CSS)平分离出来。

这样做有很多好处──平日可以压缩文件容量,有着用一个主要样式表就可节制全部网站而不是单个页面的机动性,也可能使页面更易用,更具亲和力。

遵照这些基滥觞基本则基础上意味着你不应该在HTML内应用样式化的任何事物了。比如font的标签,比如bgcolor的属性不应该再应用。以致在图像标签img内的边框属性border在XHTML 1.1中也是不法的了。别担心,逾期的HTML可以样式化,CSS更可以样式化,而且可以做得更好。

不仅仅是从HTML内剥离体现,内容的布局意味着在得当的地方应用明确的HTML标签。比如,h1,h2等利用在标题上──而不仅仅是应用CSS使字体变大年夜而已。

最佳指引便是一个可视化的浏览器上应用其默认的样式来出现一个没有样式表(或者有样式表,但不声援样式表的文本浏览器,比如lynx——译者注)的页面。

表格不应该用在结构上──表格用来表示表款式的数据(我们已经不厌其烦地说了很多次──译者注)。大概对付已经习气传统布局的HTMLer来说,完全改变有很大年夜的技巧难度。这个措施很大年夜程度上压缩了文件,而且,基于这些显性代码,它变得更易用,更具亲和力。

关于更多,请涉猎CSS高档教程的结构。

标签

在XHTML中所有的标签都必须小写和关闭。没有闭合标签的(如br和img)必须用英文半角正斜杠“/”在后面自关闭(如

)。重视在斜杠前应该有一个英文半角空格。

标记也必须是合式的,使元素精确嵌套(比如this,而不是this)。

所有的文档都要有html,head,title和body元素。也必须从文档类型声明开始。

文档主体应该从 p, h1,h2, h3,h4,h5,h6,div, pre,address,ins或者del开始。

属性

所有的属性必须是小写的,它们的值也要用英文半角引号括(\")起来。

精简属性是禁绝许的(比如)。按常规,精简属性必须给出跟属性名称一样的值(如 )。

名字 name属性不再是合法的了(除了在表单元素中),应该应用id来代替。

目标属性target不是一个合法的属性。荣耀吧,它有些癫狂。

在img里,alt属性是必须的。

亲和力

为残障人士制做具有亲和力网页的来由是不证而明的。不仅是人性的,而且也对老年用户和五官功能减退的用户有利(想一想,有一天我们老了,视力消退,五官不灵,怎么浏览互联网?为大哥积点德,现在就斟酌亲和力吧!——译者注)。亲和力不仅与有严重残障人士方便,也使大年夜部分少量消退功能(不凡是视觉)的用户更为易用。

这个问题越来越扳连司法问题了,比如美国的“508条目”的采纳,试图积极推动强制应用亲和力;在英国,所有确政府网站必须有一个指定的亲和力程度。什么时刻才可以有像在修建物上的亲和步伐的立法,以便普遍用在商业网站上?(中国还不知道什么时刻有这种立法呢!但不即是我们就不要关注我们设计的网页的合法性。——译者注)

要是能遵照上述的建议,你的HTML应该已经具备了为残障用户办事的高度亲和力。还有更多的创作使你的亲和力更上一层楼,而且不难。见亲和连接和亲和表单指南。

您可能还会对下面的文章感兴趣: