网页制作中注意应用html标签的问题

本文探讨了部分过时的HTML标签如blink、font等为何应当被淘汰,并提供了使用CSS替代的方法。文章强调了正确选用标签的重要性,并指出滥用某些标签会导致网页臃肿难维护。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

部分不良标签基本上是表现标签(比如small),它们可以用更有意义和更简单的css规则取代。其他的不仅用于表现,而且还是不必要的庞大(比如font标签)或者对可用性有害的可恶的(比如blink)。

标签

上述的标签与最新的html标准尽管都兼容,但对内容却没有任何好标签应有的意义。they could be more useful but they aren't particularly harmful, and might easily be mistaken for innocent butter-wouldn't-melt-in-their-mouth nuggets of pure goodness when standing next to the following filthy tags.

  • u可以为元素产生下划线。它提醒着下划线文本还很多连接关联。这就是这个标签死了很久的原因——你不必给非连接文本下划线。
  • center可以用来居中在元素内部的元素。css属性text-align答应不仅仅是center,还有leftrightjustify
    • menu用来创建菜单列表。它并没有ul做的完美,在因为无序列表更通用,ul高高地站在menu的尸体上。
      • layerdiv元素相似,都由css绝顶位置。这仅仅能在老版本的netscape中工作,所以再也没有什么用。
        • blink或者marquee。大声说不!它们应该像本身意义一样被期待,但有着十分有限的支持,和,只会产生非常,非常恶心的笑话。
          • font,可以用来定义元素的字体名称,尺寸和颜色,在标签世界中理所当然地获得了臭名昭著标签之王荣誉称号。旧的网站(甚至新的也有)像满世界的瘟疫之蚁一样布满整个页面。大部分的font标签激增是从网页制作软件带来的,把font标签包括颜色和尺寸用在每一个元素。font标签被滥用到出现在当前的每一个重复元素的(如,每次你使用p元素),而css,则可以用一条简短的代码来应用重复元素,甚至控制整个网站。使用css方法,不仅可以使页面比被大量font标签寄生的更苗条,而且更轻易维护因为你所需要做得只是改变css文件中的一行,而不是逐一修改每一个font标签。这也增加了维护一个一直保持设计风格一致的网站的可能性。font标签和不恰当的表格使用是两个产生网页不必要臃肿的主要原因。

          属性

          保留标签的表现属性如图像的widthheight,表格的cellpaddingcellspacing,是由于这些元素经常使用不同的值。这不是完美的解决方案,但假如你的网页有大量的图像和表格,你没有其他的明智选择,只好使用它们。

          要进入你的卧室你可以弯腰通过一个狗洞,但等等,还有一扇有把手的为人类预备的门!哇,看——刚好适合一个进入。

          网页本身对用户来说,比起html标签语法语义更易用,屏幕阅读器常会在碰到一个ul标签或者有着h1h2的标题标签时强调突出它们。

          有时侯设计者还会用在这里提到的这些标签和属性(非凡是用表格来布局)来做过渡型的设计──既可以工作在老版本的浏览器上(尤其是netscape4),也可以工作在现代浏览器上。表格确实可以在css不称职的netscape4上有更强的表现控制。很不幸,这些用户很少而且越来越少了,而展现表格布局的缺点一览无遗的移动设备用户越来越多。上述的无表格设计可以预防这些缺点,尽管对一小部分的用户有些许的表现改变,但还能在所有的浏览其中保持着完全的功能。

          框架

          大部分的网站并不是用框架,而一般用户也会把一个文档当作一页。

          总之,框架只会增加复杂性丧失可用性

          注重

          1)一个标签或者属性就算只有一点点的跟表现搭上,都不要使用。那是css的事。并且css做得更好。

          3)特定的内容用恰当的标签。列表用list,标题用hx(x = 1 - 7)等等等等。

          延伸阅读

          • html高级指南的标准要点:戒掉坏习惯和转向标准──兼容xhmtl

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值