解读HTML: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语义的标签。

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

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

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

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

时间: 2024-11-02 17:18:44

解读HTML:WEB标准的误解的相关文章

详解WEB标准的误解

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

Web标准:文档类型和网页浏览器

原文: http://www.alistapart.com/articles/beyonddoctype 作者:Aaron Gustafson .Com  译者:zhaozy in 3user.com .Com 转载请注明作者和译者信息,谢谢! 进步总是要有代价的. 对网页浏览器来说, 由于开发者像是宣传真理一样的拍着胸部担保着一些编辑器和浏览器(特别是Internet Explorer), 用户们为此花费很多的成本. 而当这个浏览器推出了一个新版本, 然后又修正了之前版本的一些错误和对规范的误

WEB标准中使用CSS的基础教程

css|web|web标准|基础教程 CSS过去经常被用来定义字体的属性,而现在可以用它来控制整个文档的布局.然而,为了有效的用CSS来控制布局,需要做一些不同的处理,这种不同是跟用表格布局相对比的. 为了CSS可以高效的控制布局,结构化.语义化的XHTML是必不可少的. 浏览器的支持 在过去几年,浏览器对CSS的支持程度已经改进了很多.不幸的是,浏览器的开发商好象对实施开放的标准并不感兴趣,所以不同浏览器对CSS的支持程度也大相径庭.就算是支持程度最好的浏览器,在软件中仍然有一些bug,使得浏

如何让Visual Studio和web标准联姻

前言: 这篇文章可能会引起"网页设计者"的不安,因为可能会让他们产生"我必须要学习枯燥的代码"的误解: 这篇文章也可能会引起"程序员"的不安,因为可能会让他们产生"我必须学习繁琐的网页设计"的误解: 这篇文章也可能会引起"网页初学者"的不安,因为可能会让他们产生"我必须同时学习枯燥的代码和繁琐的网页设计"的误解. 其实大家都不需要感到不安,因为这篇文章的确是有点另类,它介于"网

学习web标准:Web标准中的特殊字符

在最开始学习web标准的时候有这么一条: 把所有<和&特殊符号用编码表示 :任何小于号(<),不是标签的一部分,都必须被编码为& l t ; 任何大于号(>),不是标签的一部分,都必须被编码为& g t ;任何与号(&),不是实体的一部分的,都必须被编码为& a m p;注:以上字符之间无空格. 而在我们平时的工作中经常会遇到这种情况: 更多>> 国内的同行大多是写两个大于号>>或者干脆就写>>(更夸张的是有人为

使用Web标准建站第6天:XHTML代码规范

web|web标准|xhtml|规范 在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范.了解这些规范可以帮助你少走弯路,尽快通过代码校验.1.所有的标记都必须要有一个相应的结束标记 以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们.但在XHTML中这是不合法的.XHTML要求有严谨的结构,所有标签必须关闭.如果是单独不成对的标签,在标签最后加一个"/"来关闭它.例如

样式表在web标准应用存在的问题

web|web标准|问题|样式表 一.CSS校验的问题 首先根据比赛要求,参赛作品必须符合XHTML标准,提交的CSS必须通过W3C的校验.CSS校验的情况比较理想,参赛作品中只有8份作品未通过CSS2.0校验,主要校验错误都是:"Line : 0 font-family: 建议你指定一个种类族科作为最后的选择" W3C建议字体定义的时候,最后以一个类别的字体结束,而不要以单独某个字体结束.例如"sans-serif"就,以保证在不同操作系统下,网页字体都能被显示.

web标准建站:CSS入门教程

css|web|web标准|教程|入门教程 原创教程,转载请注明出处:网页教学网 CSS是"Cascading Style Sheets"的简称,中文翻译为"串接样式表",也有人翻译 为"样式表".CSS用以作为网页的排版和风格设计,在web标准建站中,对CSS的熟悉和使用 是相当重要的一个内容.CSS的作用是弥补HTML的不足,让网页的设计更为灵活. 这个文章只是为您介绍CSS的基础应用,指引您的一个入门的基础教程,主要目的是为 推进web标准

利用WEB标准创建两栏页面布局

web|web标准|创建|页面 使用 Web 标准进行页面设计,有一种信仰就是不使用表格兰进行基本的页面排版. 网页常见的两栏布局,我们往往就是通过一个 1 行 2 列的表格来实现.例如:<table border="0" width="760">    <tr>        <td style="width: 30%;">左侧栏</td>        <td style="wi