手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >初学网页标准应该注意:有害的标签
初学网页标准应该注意:有害的标签
摘要:这篇文章注意以前完美童话中的html标签,有害的,糟糕的,明显丑陋的,应该被排除在标准html之外的标签,要想只有一半工作量要么颠覆浏览器要...

这篇文章注意以前完美童话中的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-top或border-bottom代替,也可用图片表现。

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

u表示下划线元素。它让文本像连接一样保持下划线,这也许就是这个标签消失的原因,人们真的不喜欢没有连接的文本有下划线。

center可以让元素居中。CSS属性text-align不仅可以居中center还有left,right和justify。 menu用来制作一个菜单列表,它比ul干的漂亮,但是无序列表更加普遍,ul取代menu。

layer和div元素很像,但只工作在老版本netscape浏览器,用处不大。

blink或marquee。对它们坚决说不。

font,可以用来定义字体的名称、大小、颜色。旧的网站(甚至现在的)在整个页面连续不断的使用font标签,就像白蚁灾祸。一些来自网页创建软件,布置font标签环绕在每个元素控制文字颜色或大小。用font标签应用到每一个元素,用CSS表示的话只需简单的一句即可,而且可以全站实现更改。使用这个方法,不仅可以减轻网页体积,改变简单的一句css语句就可改变font所表示的内容。这样保持了网站风格的一致。font标签和滥用表格是网页体积臃肿的主要原因。

属性 Attributes

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

name分配一个name给元素,在form元素比如input中表现完美,但在别处,name的工作被id属性代替。

text和bgcolor用来指定基础的文字颜色和拥有开放body标签的背景颜色。css中color和background-color属性可以很好的应用在body选择器。

background可以为body标签指定背景图片。css可以提供更好的背景图片属性,比如background-image。

link,alink,vlink可以为body标签指定链接颜色。CSS属性::link,:active,:visited同样作用。 align可以控制元素排列,比如

精品推荐
分类导航