解读HTML:WEB标准的误解

2016-02-19 20:08 4 1 收藏

下面图老师小编要跟大家分享解读HTML:WEB标准的误解,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - Web开发 】

  在HTML4 Elements中共计有91个标签,然而在这么多的标签中经常被使用到的标签不到四分之一,在这些常用的标签中有两个标签是属于最通用型的——div、span,这两个结构性的标签因为本身不带呈现样式及语义而被广泛的用于网页制作中,再加上之前很多人直接把WEB标准误解为就是div+css,于是在一个页面里出现了特多的div或者是span标签,尽管这些地方本身有更符合语义的标签来实现。

  Table式的页面布局因为其本身的简便以及有Dreamweaver这样的可视化操作的Web制作软件的存在,从而引领了Web制作的一个时代,也正是因此而导致了过多的Web设计人员从来没有真正关注过HTML标签的真正语义,当Web标准开始兴起的时候,于是就直接被理解成是div+css的布局。

  于是Web标准中的结构标签几乎变成了div的秀场。

  div标签的过度使用,已经导致了很多人对于Web标准的误解,最明显的一点就是,当网页切换到使用div标签布局后,table标签便被无情的抛弃,俨然Web标准已经被理解成就是div+css。而事实上,table标签是不能被抛弃的,当需要显示数据内容时,由table标签构建的HTML结构的优势要强于div标签构建的布局,table标签仍然是显示数据时最符合HTML语义的标签。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  Table页面布局所生成的过多的冗长代码,以及混杂其中的HTML样式属性,已经严重影响到页面的性能,尤其是对于大访问量的网站,解决的方法即是对页面进行基于Web标准的重构。然而对Web标准的误解,造成页面整体结构上div被过多的使用;以及Table布局所遗留下来的思想,造成页面上的结构嵌套过多。这些仍然影响着页面的整体性能。

  所以,以更符合语义化的标签来构建页面,是Web标准推崇的理念。在这个理念下构建的页面还应该尽量的精简代码,使页面代码尽量的保持轻简,让浏览器更快速呈现的同时也便于日后的代码维护。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  Web标准并不是某一个单独的标准,而是一系列标准的集合,包括结构、表现、行为三部分。这里的结构并不是指div,而是指标准化的语言——XHTML、XML。

  明明strong /标签可以实现粗体样式,为什么还要用span /标签再搭配粗体样式去实现呢?

来源:http://www.tulaoshi.com/n/20160219/1622828.html

延伸阅读
标签: Web开发
CSS网页布局中不推荐使用的HTML标签,请尽量不要使用这些HTML标签。 Do not use these html elements in html pages. Presentational elements should not be used. Support for some elements has been (or will be) deprecated; they should not be used. Don't Use These Tags Presentational  b  ...
标签: Web开发
在较早之前的网页上,我们经常可以看到如下的网页结构代码: html head title这是一个网页/title meta name=”…” content=”…” / …… /head body …… /body /html 很显然的,这种结构的网页代码是不符合Web标准规范的,但是浏览器仍然可以很好的呈现出这个网页来,只要代码没出什么错误。这个其实就像是用Table布局的页面跟D...
在学习中遇到问题可以到 论坛 发贴交流! 相关文章: HTML Versus XHTML The Web Standards Project询问W3C是使用HTML 还是XHTML, 为什么? Better Living Through XHTML 一篇A List Apart article 上关于从HTML转换XHTML的文章。 The New York Public Library Online Style Guide 详细的阐述了如何使用XHTML和CSS。 XHTML 1.0 Diffe...
标签: Web开发
Web 标准使您能通过最少的工作,生成可被最广大受众访问的 Web 站点。 Web 标准的承诺是:只需设计页面一次,即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。 例如,在按照标准生成以后,旨在在 Microsoft Internet Explorer 中以某种方式显示的页可在其他浏览器(如,Mozilla&nbs...
标签: Web开发
引言: 一群会用table蹩脚布局的网页初学者嘲笑着那些对网页制作一窍不通的门外汉;而一群自认为 table布局无所不能的table布局拥护者则嘲笑着那群用table蹩脚布局的网页初学者;那些刚试着将几个页面中的table换成div的所谓的 web标准设计者则嘲笑这那群死抱table布局不放的table布局设计者;而一群焦头烂额终于在网站上贴上W3C...

经验教程

653

收藏

76
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部