日期:2013-10-24  浏览次数:21102 次

十六 无害的标签 Bad Tags

这篇文章留意以前完满童话中的html标签,无害的,蹩脚的,明显丑陋的,应该被排除在标准html之外的标签,要想只要一半任务量要么颠覆浏览器要么使用愈加简单推荐的新标签。

虽然前面的基础教程曾经提出了符合标准的建议,但初学者基础不同或者练习不对,这里进行总结。

html正尝试从表现转向语意,进而分离语意(HTML)和表现(CSS)。这个曾经大范围运用于网页,由于这样一个单一的表现指令(CSS文件)可以使用在许多的页面。这样,网站更利于管理,想改变全站只需改变一个简单的代码。

一些无害的标签其实是简单的表现标签(比如small),它们可以用CSS里面相反意思的代码取代。其他一些不是表现的标签,但却没必要(比如font标签)或者对可用性不利(比如blink)。

标签 Tags

下面列举的标签可以用更好的选择:

  • b标签的是加粗的意思,这里可以用strong代替,或在在css里面添加font-weight:bold
  • i表示斜体字元素,可以使用em代替,或是在css里面添加font-style:italic
  • big用来表现大文字,标题上可以使用h1,h2等等代替,其他可以在cssfont-size里具体控制。
  • small用来表现小文字,可以在cssfont-size里控制。
  • hr表示水平线,可以在CSS里用border-topborder-bottom代替,也可用图片表现。

上面提及的标签都顺应最近的HTML标准,但是它们没有赋予语意给内容。它们也许有更多用途但它们没有明显的害处,当站在下面糟糠的标签上可能非常容易犯错。

  • u表示下划线元素。它让文本像连接一样保持下划线,这也许就是这个标签消逝的缘由,人们真的不喜欢没有连接的文本有下划线。
  • center可以让元素居中。CSS属性text-align不只可以居中center还有left,rightjustify
  • menu用来制造一个菜单列表,它比ul干的漂亮,但是无序列表愈加普遍,ul取代menu。
  • layerdiv元素很像,但只任务在老版本netscape浏览器,用途不大。
  • blinkmarquee。对它们坚决说不。
  • font,可以用来定义字体的名称、大小、颜色。旧的网站(甚至如今的)在整个页面连续不断的使用font标签,就像白蚁灾祸。一些来自网页创建软件,布置font标签环绕在每个元素控制文字颜色或大小。用font标签使用到每一个元素,用CSS表示的话只需简单的一句即可,而且可以全站实现更改。使用这个方法,不只可以减轻网页体积,改变简单的一句css语句就可改变font所表示的内容。这样保持了网站风格的分歧。font标签和滥用表格是网页体积臃肿的次要缘由。

属性 Attributes

如今你可能正确使用标签,但它们有一些令人烦恼的寄生属性,可能导致变味。

  • name分配一个name给元素,在form元素比如input中表现完满,但在别处,name的任务被id属性代替。
  • textbgcolor用来指定基础的文字颜色和拥有开放body标签的背景颜色。css中colorbackground-color属性可以很好的使用在body选择器。
  • background可以为body标签指定背景图片。css可以提供更好的背景图片属性,比如background-image
  • link,alink,vlink可以为body标签指定链接颜色。CSS属性::link,:active,:visited同样作用。
  • align可以控制元素陈列,比如<div align="center">Stuff</div>,但是像center标签,可以在css里用text-align属性。
  • target链接以不同形状打开,比如开新窗口 <a href="wherever.html" target="_blank">Help me</a>。听起来不错,但对网站没有亲切感。用户不会期望这些(如新开窗口)如魔术一样的出现方式,大部分用户喜欢使用“后退”按钮,打开新窗口意味着这个功用失效。

标签的表现属性比如图片的widthheight表格的cellpaddingcellspacing决定了不同的属性使用在不同的元素。它们不是完满的处理方案,但如果你的页面有很多图片或表格,你可能没有其他可行的选择。

大部分莫明其妙的表现属性属于textarea标签,它不只只要colsrows无效属性,最新的HTML标准需求它们。

好的标签,坏的使用。

进入你的房子,你可能跪下钻狗洞,但是等下,有一个专门为人设计的门装饰——把手,呵呵,看看,门才拥有让人通过的正确大小。

HTML标签正是为细节设计,信任或不信任,当你正确使用它们,你能取得最佳结果。

当html是语意的,网页对残障用户带来更多的易用性,比如屏幕读者经常强调列表它使用到ul标签或一个标题它使用到h1h2标签。

html最严重的滥用就是表格,表格被用来规划,但它们仅仅只是用来表示表格数据。不用表格规划的想法不是像佛教徒一样寻求启迪,它有真正的好处,不只减轻网页体积,同时可以容易的维护和重新设计网页。

有时一些设计者使用一些标签和属性完成过渡性的设计(特别是表格规划),一是可以支持老版本浏览器(Netscape 4)。在Netscape 4表格比CSS的表现好,但它的用户非常少而且正在减少,如今挪动用户正在增多,表格规划就显的非常蹩脚。上