泉州V23网络为您的企业打造精品网站:  800元起"网站建设+精美网页设计+搜索引擎推广"服务!! 7*24咨询:13559567956
网站建设客户中心联系我们网站地图
 
V23首页网站制作网站推广域名空间付款方式联系我们
网站建设相关文章

坏标签

 (上官无耻)  

更友好的格式?点击这里吧! 
这里所谓的“坏标签”主要指的是那些仅用来实现表现层的标签,完全可以用CSS替代;另一些虽然不是这样,但也不应该频繁的使用。
标签

以下是一些我们常用的标签,可惜现在我们应该远离它们了。

* b 不应该使用它来加粗文字了,而应该换用意义更明确的strong(意为:加强的重点。),或者通过在CSS中加入font-weight: bold属性来完成这一工作。
* i 以前我们都是用它来是一段文字变成斜体,今天我们应该用em(意为:重点)替换它,或者通过font-style: italic这一属性来完成。
* big 不要利用它来得到一个大的字体,而应该用h1,h2等主题标签(当然,前提是这些文字确实是标题),如果只是简单的希望一段文字变粗变大,还是用font-weight: bold来给予其更灵活的控制吧。
* small 和big一样,还是用font-weight: bold来给予其更灵活的控制吧。^_^
* hr 用它来为文档加入一条水平线?太土气了吧,如果我们改用某个段落标记的border-top 或 border-bottom属性,甚至是一个简单的图片来实现,效果将会更好。

以上这些标签,尽管都符合当前的HTML标准,但从长远来看,它们确实不太合适,应该有更好的,更具意义的标签来取代它们。

* u 这个标签用来为文字加上下划线,可这么做是错误的,因为具备下划线的文字应该是一个超链接,所以这个标签早就应该死掉了,你也不应该试图为一段不是超链接的文字加上下划线。
* center 不要用它配合某个标签来实现文字内容的居中显示,CSS下的text-align属性可以使用更多的取值来对文字加以控制,比如center , left , right , justify .
* menu 用它来创建一个菜单列表?呵呵,还是用ul吧,有了ul这个接替者,menu 可以安心的去死了。
* layer 它和div一样,用于配合CSS完成元素的定位,但设计它的初衷只是为了能兼容老版本的Netscape浏览器,因此,它也没有什么大用处了。
* blink or marquee 两个迟早要消失的东西,它们的局限性越来越大了,还是用js脚本来代替它们吧。
* font 最不应该留下的标签,看看现在的页面中吧,到处充斥着它丑陋的面孔,密密麻麻的充斥着页面,那些老式的站点制作者到处使用它来控制文字的字体、颜色和样式,而且认为是天经地义的,他们从不关心光鲜的页面后面是什么样子!无数的font标签为互联网增加了极大的负担,没有这个家伙,web的世界会更加清净,让我们用CSS吧!

属性

也许你用对了标签,但可能却没有注意这些标签内的“不好”的属性,它们的存在,让你那些正确的标签变得发霉腐烂!^_^

* name 除了表单内的input标签外,不要用它来为一个元素指派一个标识,而应该用id替代它。
* text,bgcolor 这两个属性用在body标签内定义文档的背景色和字体颜色,但我们完全可以利用CSS下的color,background-color两个属性配合body选择器来实现同样的功效,而且更好。
* background 不要用它为页面指定背景图片,而是用更强大的CSS下的background-image属性来给予其更多样化的控制。
* link, alink, vlink 在目前最新的DW2004 mx下,默认会用这3个属性配合body标签为页面指定超链接的样式,而实际应用中,大家都会用CSS来完成这一步,相信现在没有人不会了吧?
* align 再也不要像<div align="center">Stuff</div>这样使用它了,CSS的text-align属性才是新的主宰!
* target 这个属性怎么说呢,很难割舍啊,因为我们已经太习惯这样使用它了:<a href="wherever.html" target="_blank">Help me</a>,但实际上,我们不应该强迫用户在新窗口中打开页面,因为一些人不喜欢这样,他们可能更喜欢用浏览器工具栏上的“返回”按钮,如果你真的希望开辟一个新窗口,那么建议你用js来完成吧。

提示

一些表象属性,诸如image元素的width和height,还有table的cellpadding , cellspacing属性,也许他们并非完美的解决方案,但因为他们比较特殊,有的时候需要应用在大小不同的地方,如果一个页面上有好多大小不一的image和table,选择使用它们也许在目前才是更明智的。
好标签用在了坏处

table ,也就是表格,它本来应该用于显示成列的数据,可不知从何时起,人们却改用它来控制页面的布局,为了实现一个页面,层层将表格嵌套在一起,繁复无比,页面的负担也随之加重,代码也免得晦涩、难以读懂和维护,不应该这样下去了,而为了改变这些看似正常的病态现状,真正的有识之士应该加入web标准化的推广和研究中来,欧美在这一领域已经领先了我们进10年,作为中国的网页设计师和爱好者是不是应该为此做些什么呢?
框架

很少有站点使用框架,用户们也习惯浏览单独的页面,因为便于他们把页面添加到浏览器的收藏夹内。

使用框架的坏处真是太多了:用户会因此而无法使用浏览器上的导航按钮、一些盲人无法使用屏幕阅读器来浏览页面、搜索引擎也无法索引你的页面……总之一切好像地狱般可怕,如果你对此毫不在乎,那就去使用框架吧。
提示

如果你遵循下列规则,你将远离错误。

(1)如果一个标签或属性仅仅用来实现表象修饰,那么就该考虑使用CSS来完成这一工作。

(2)尽可能名副其实的去使用标签,比如:表格就是用来显示数据的,标题就应该使用h1,h2来表示,等等。

(3)如果你想设计一些特殊的内容,应该使用适当的标签,比如用ul来实现列表,这样会更好。

以上文章翻由上官无耻独立翻译,因水平有限,只选取了原文中的主要内容,有所删改。谨供大家参考,如有疑惑,请查阅相关资料,以免误入歧途!^_^