网上商店系统
首    页 | 电商资讯 | 电商作品 | 成功案例 | 电商方案 | 系统演示 | 电商建设 | 电商索引 | 电商问题
当前位置: 首 页 > 电商建设

精通CSS(2)-使用有意义的标记

文章来源:北京宇光宏达       浏览次数:1195次        发布日期:2011/7/18 14:34:29

1.1.1  使用有意义的标记

早期的Web仅仅是一系列相互链接的研究文档,并使用HTML添加基本的格式和结构。但是,随着万维网的流行,HTML开始用来表现页面。人们使用字体和粗体标签的组合来创建所需的视觉效果,而不只是用标题元素突出显示页面的标题。表格成了一种布局工具而不是显示数据的方式,人们使用块引用blockquote来添加空白而不是表示引用。Web很快就失去了意义,成了字体和表格标的大杂烩(见图1-1)。

1-1  来自abcnews.com2000814)的新闻头条页面的标记,它使用表格进行布局,对标题使用大的粗体字。代码缺乏结构,很难理解

HTML原本是一种简单且容易理解的标记语言。但是,随着网页变得越来越复杂,代码变得几乎不可能理解了。因此,需要使用复杂的WYSIWYG(所见即所得)工具来处理大量的无意义标签。不幸的是,这些工具并没有使事情简化,反而添加了它们自己的复杂标记。新千年开始以来,即使普通的网页也变得非常复杂,以致于几乎不可能进行手工编辑而不破坏代码。看起来不能这样下去了。

就在这种情况下,CSS出现了。有了CSS,就可以控制页面的外观并且将文档的表现部分与内容分隔开。表现标(比如字体标可以去掉,而且可以使用CSS而不是表格来控制布局。标记重新变得简单了,人们又开始对底层代码感兴趣了。

意义重新回到了文档中。浏览器的默认样式可以被覆盖,所以可以将某些内容标为标题,而不需要为它指定大的、加粗的、难看的字体。可以创建列表,而这些列表不一定显示为一系列带黑点的列表项,可以使用没有相关联样式的块引用。开发人员开始按照(X)HTML元素的原义使用它们,无需去管它们的外观(见图1-2)。

1-2  今年早些时候从abcnews.com获得的新闻头条页面的标记,它具有良好的结构,容易理解。虽然它仍然包含一些表现标记,但是与图1-1中的代码相比有了显著的改进

有意义的标记为开发人员提供了几个重要的好处。与表现性的页面相比,有意义的页面更容易处理。例如,假设需要修改页面中的一个引用。如果这个引用加上了正确的标记,那么很容易搜索代码,找到第一个块引用元素。但是,如果这个引用只是另一个段落元素标,那么就很难寻找了。

除了人容易理解之外,程序和其他设备也可以理解有意义的标记(也称为语义标记)。例如,搜索引擎可以识别出标题行(因为它被包围在h1中)并给它分配更高的重要度。屏幕阅读器的用户可以依靠标题作为辅助的页面导航措施。

对于本书来说更重要的是,有意义的标记提供了将元素调整为你所需样式的简单方法。它在文档中添加了结构并且创建一个底层框架。可以直接设置元素的样式,而不需要添加其他标识符,因此避免了不必要的代码膨胀。

(X)HTML包含丰富的有意义元素,比如:

q  h1h3等。

q  uloldl

q  strongem

q  blockquotecite

q  abbracronymcode

q  fieldsetlegendlabel

q  captiontheadtbodytfoot

因此,当存在意义合适的元素时,就应该使用。


特别提示:如需转载此篇文章请注明文章来源企策互通
文章关键词:
上一篇:
有关web标准化的一些想法 (2011-6-13 关注度:1191)
下一篇:
精通CSS(2)-使用有意义的标记 二 (2011-7-19 关注度:1221)
 
 相关文章
 
如何评估一个网站的实际价值(2011-7-18 关注度:1414)
中小企业怎样策划企业电子商务网站?(2011-7-16 关注度:761)
设计理念:网页UI设计95%是排版(2011-7-18 关注度:1906)
网站设计论文下载(2011-7-20 关注度:2075)
实现网页中按钮刷新的N种方法(2011-7-20 关注度:1789)
营销型企业网站的策划与内容制作(2011-7-18 关注度:916)
幽灵现象 新网站google排名不稳定的根源 (2011-7-17 关注度:1535)
各大网站主页常用特殊效果分析及应用方法(2011-7-19 关注度:1823)
 
行业观点类别
 

开店疑难(94)
电商建设(143)
电商运营(217)
电商发展趋势(96)
售后服务(10)

电商建设关注排行 
  1.网页设计页面大小分析 不同分辨率下的网页大小
  2.网站建设合同模板 标准网站建设合同下载
  3.网站设计论文下载
  4.便宜网站建设 便宜网站建设分析
  5.提高网站友好度的十点建议
  6.网站建设业务营销策略 企业网站建设业务营销分析
  7.小议中英文网站排版设计的视觉差异
  8.十大网站设计错误 - 2006
  9.深度分析 企事业单位网站建设问题严重
  10.网站可信度建设十大准则 如果建立可信度高的企业公
电商建设最新文章 
  1.基于SMS的移动电子商务存在哪些安全问题?
  2.国内首个电子商务调解中心获批并正式成立
  3.关键词对网站的运营有什么影响?怎么分析网站关键词?
  4.什么是网上商城前端设计与网店前台设计?
  5.网页META标签内容写作规范要点
  6.Asp中通用函数
  7.探讨网站获得盈利的前提条件
  8.网站建设三步:申请空间编写网页上传文件
  9.明定网站的优化设计
  10.披露创业秘密 网站的盈利方式有哪些
首    页  |  关于我们  |  定制开发  |  购买流程  |  网店系统特性  |  商城系统策划  |  开店疑问问题  |  网店建设观点  |  友情链接  |  联系我们
  Copyright 2005-2007 51system 网上商城系统 All Rights Reserved 北京宇光宏达 版权所有 地址:北京市朝阳区常营首开东都汇A座1304室。
京ICP备11007506号