Go homepage(回首页) Upload pictures (上传图片) Write articles (发文字帖)
The author:(作者)归海一刀published in(发表于) 2014/3/30 5:21:16 十六 有害的标签 Bad Tags_[Html教程]
这篇文章注意以前完美童话中的html标签,有害的,糟糕的,明显丑陋的,应该被排除在标准html之外的标签,要想只有一半工作量要么颠覆浏览器要么使用更加简单推荐的新标签。
尽管前面的基础教程已经提出了符合标准的建议,但初学者基础不同或者练习不对,这里进行总结。
html正尝试从表现转向语意,进而分离语意(HTML)和表现(CSS)。这个已经大范围运用于网页,因为这样一个单一的表现指令(CSS文件)可以使用在许多的页面。这样,网站更利于管理,想改变全站只需改变一个简单的代码。
一些有害的标签其实是简单的表现标签(比如small),它们可以用CSS里面相同意思的代码取代。其他一些不是表现的标签,但却没必要(比如font标签)或者对可用性不利(比如blink)。
small
font
blink
下面列举的标签可以用更好的选择:
b
strong
font-weight:bold
i
em
font-style:italic
big
h1
h2
font-size
hr
border-top
border-bottom
上面提及的标签都适应最近的HTML标准,但是它们没有赋予语意给内容。它们也许有更多用处但它们没有显著的害处,当站在下面糟糠的标签上可能非常容易犯错。
u
center
text-align
left
right
justify
menu
ul
layer
div
marquee
现在你可能正确使用标签,但它们有一些令人烦恼的寄生属性,可能导致变味。
name
input
id
text
bgcolor
body
color
background-color
background
background-image
link
alink
vlink
:link
:active
:visited
align
Stuff
target
Help me
标签的表现属性比如图片的width和height表格的cellpadding和cellspacing决定了不同的属性应用在不同的元素。它们不是完美的解决方案,但如果你的页面有很多图片或表格,你可能没有其他可行的选择。
width
height
cellpadding
cellspacing
大部分莫名其妙的表现属性属于textarea标签,它不仅只有cols和rows有效属性,最新的HTML标准需要它们。
textarea
cols
rows
进入你的房子,你可能跪下钻狗洞,但是等下,有一个专门为人设计的门装饰——把手,呵呵,看看,门才拥有让人通过的正确大小。
HTML标签正是为细节设计,信任或不信任,当你正确使用它们,你能取得最佳结果。
当html是语意的,网页对残障用户带来更多的易用性,比如屏幕读者经常强调列表它使用到ul标签或一个标题它使用到h1或h2标签。
html最严重的滥用就是表格,表格被用来布局,但它们仅仅只是用来表示表格数据。不用表格布局的想法不是像佛教徒一样寻求启迪,它有真正的益处,不仅减轻网页体积,同时可以容易的维护和重新设计网页。
有时一些设计者使用一些标签和属性完成过渡性的设计(特别是表格布局),一是可以支持老版本浏览器(Netscape 4)。在Netscape 4表格比CSS的表现好,但它的用户非常少而且正在减少,现在移动用户正在增多,表格布局就显的非常糟糕。上面提到的表格优点远超缺点,原因在于在尽量少的风格下页面需要考虑所有浏览器的功能。
金发姑娘认为这是一个非常不错的主意为一碗稀饭帮助她,但是随后三个大型食肉动物出现把她扔出了窗户。框架就像是属于熊的一碗稀饭。它们看起来不错,但是危险时刻存在。
大部分网站都不用框架,大部分网站用户只使用单一的页面。
但是如果,由于一些原因,你需要防止用户添加一个指定的页面到它们的书签,或者你想防止经由email或即时信息介绍的指定页面,或者你想添加另外一个级别的整体复杂性给使用屏幕阅读器的残疾用户,他们需要在框架间导航,或者你想进入搜索引擎地狱,就用框架吧。
基本上,框架什么也不做,只增加了复杂性和失去可用性。
最后如果你跟循下面的规则,不会错的太离谱。
1)如果标签或属性的名称比较生僻,建议注释下,或不用它。这样使用css的效率会提高。
2)让标签做符合它名称的工作。表格就用在表格数据。标题就用标题,等等。
3)当你有明确的内容,使用适当的标签。列表用列表,标题用标题,等等。
赞