网页制作中HTML元素的应用

Time:2014/10/20 20:29:52   Click:

  HTML已经经测验考试去除了浮现以及朝向内容成长,致使如许一个根本原理:从浮现(CSS)中分手出内容意义(HTML)。这将会给网页减肥,由于一个浮现指令纠合(之外部CSS文档的情势)可以运用到多个页面。这也会使网站更容易于经管由于全局变更可以从修改一个零丁的文件获得。 

  部门不良标签根本上是浮现标签(好比small),它们可以用更有意义以及更简略的CSS划定规矩代替。其他的不仅用于浮现,并且仍是没必要要的巨大(好比font标签)或者者对可用性有害的可恶的(好比blink)。

标签

  下面这些是你可能会常常碰着的可以有更好选择的标签: b 可以用来发生粗体元素。使用strong(象征着猛烈夸大)取代更有意义,或者者用CSS来完成这项事情,增长font-weight: bold的划定规矩,用来讲明粗体元素。 i可以用来发生斜体元素。使用em(暗示夸大),这也更有意义。或者者可以用CSS来浮现斜体:font-style: italic big可以发生更年夜字体。使用题目(如h1,h2等,当文本原本就是一个题目时)取代,增长了意义,或者简略地在CSS中使用font-size属性,获取更多的节制权。 small 可以发生小字体。CSS(font-size)再一次取患上更多的节制权。 hr 可用用来展示一条程度线。在CSS顶用hr设计很少见,CSS的border-top,border-bottom属性或者者朴素的图象做这个效果会更好。 

  上述的标签与最新的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,另有left、right以及justify。 menu用来建立菜单列表。它并无ul做的完善,在由于无序列表更通用,ul高高地站在menu的尸身上。 layer以及div元素相似,都由CSS尽头位置。这仅仅能在老版本的Netscape中事情,以是再也没有甚么用。 blink或者者marquee。年夜声说不!它们应当像自己意义同样被等待,但有着十分有限的支撑,以及,只会发生很是,很是恶心的笑话。 font,可以用来界说元素的字体名称,尺寸以及颜色,在标签世界中天经地义地得到了污名昭著标签之王声誉称呼。旧的网站(乃至新的也有)像满世界的瘟疫之蚁同样充满整个页面。年夜部门的font标签激增是从网页建造软件带来的,把font标签包含颜色以及尺寸用在每个元素。font标签被滥用到泛起在当前的每个重复元素的(如,每一次你使用p元素),而CSS,则可以用一条简短的代码来运用重复元素,乃至节制整个网站。使用CSS方式,不仅可使页面比被年夜量font标签寄生的更修长,并且更易维护由于你所必要做患上只是扭转CSS文件中的一行,而不是一一修改每个font标签。这也增长了维护一个一直连结设计气概一致的网站的可能性。font标签以及不恰当的表格使用是两个发生网页没必要要痴肥的主要缘由。

属性 

  可能你认为你正在使用优秀的标签,但仍是有一些贫苦的寄生虫属性窜伏,它们随时会冒出来。 name用来为一个元素指定一个名字,它在如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可以用来对齐某个元素的内容(好比 <div align="center">Stuff</div>),可是,像center标签,CSS的text-align属性是新的老板。 target可以用分歧的方法打开一个毗连,最经常使用的是打开新窗口(好比<a href="wherever.html" target="_blank">Help me</a>)。看起来不错,但你不要对你的网站如许做。用户其实不预期不成思议的工具(好比新窗口)泛起,并且最经常使用的阅读东西是阅读器的撤退退却按钮,若是你打开新窗口,这将不成用。它长短法以及不容易用的。

注重 

  保存标签的浮现属性如图象的width以及height,表格的cellpadding以及cellspacing,是因为这些元素常常使用分歧的值。这不是完善的解决方案,但若你的网页有年夜量的图象以及表格,你没有其他的明智选择,只好使用它们。 

  最使人难以理解的浮现属性是textarea标签,它仅有cols以及rows两个正当属性,在最新的HTML版本中也是必需的。

优秀标签,不良使用 

  网页自己对用户来讲,比起HTML标签语法语义更容易用,屏幕浏览器常会在遇到一个ul标签或者者有着h1或者h2的题目标签时夸大凸起它们。 

  在HTML标签世界中最被滥用的就是表格了。表格经常用来结构,但表格应当仅仅只用来展现表花式数据,就如它们自己的设计用意。不消表格的结构方式不是寻求开悟的某种禅,它不仅可以显著地为网页减肥,并且更容易于维护以及从新设计。

注重 

  有时侯设计者还会用在这里提到的这些标签以及属性(出格是用表格来结构)来做过渡型的设计──既可以事情在老版本的阅读器上(尤为是Netscape4),也能够事情在现代阅读器上。表格确凿可以在CSS不称职的Netscape4上有更强的浮现节制。很不幸,这些用户很少并且愈来愈少了,而展示表格结构的错误谬误一览无遗的挪动装备用户愈来愈多。上述的无表格设计可以预防这些错误谬误,虽然对一小部门的用户有些许的浮现扭转,但还能在所有的阅读此中连结着彻底的功能。

框架 

  Goldilocks认为喝上一杯麦片粥是一个不错的注重,但三个硕年夜的肉食哺乳动物忽然泛起,把她丢出窗户。框架就是装麦片粥的杯子。它们看起来彷佛不错,但已经经到了濒危阶段并且很快就会消散。 

  年夜部门的网站其实不是用框架,而一般用户也会把一个文档看成一页。 

  有些环境,如你要避免用户不克不及把特定的网页添加到书签,又如你但愿用户用Email或者即时谈天软件推荐特定的网页,又或者你想把整个网站变患上十分繁杂,让使用屏幕浏览器的用户在框架之间频仍操纵,还或者者你想利诱搜刮引擎,够了够了,你使用框架吧! 

  总之,框架只会增长繁杂性以及损失可用性。

注重 

只要你遵循下列划定规矩,你不会在出错上有出路: 

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

2)把标签使用在如它的名字所表示的用途上。表格标签是用在表花式数据上的。题目标签是用在题目上的。等等等等。 

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

     尚狐网络-成都网站建设领导者。

TAG
TOP

四川尚狐网络@2012 版权所有
蜀ICP备12016524号-2

立即咨询
成都网站建设,成都做网站,四川尚狐网络
40f13d50b73e104f832ed1b719ae6935