视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
解读HTML:WEB标准的误解
2020-11-27 15:37:08 责编:小采
文档

在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语义的标签。

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

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

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

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

下载本文
显示全文
专题