浅谈web标准

接触web标准有很长一段时间了,谈谈感受吧!

web标准的核心观念就是页面内容与页面样式分离。我感觉这个理念将web页面分为了三个层次:内容层、样式层与辅助层。

内容层:这个层面是页面中最最重要的部分,它包括了页面的文字内容,图片内容以及功能,按web标准的观点,除去样式层与辅助层,用户同样可以没有阻碍的查看使用网站。web标准页面中的html代码里面仅会出现div,span,h1,h2等标签和页面内容的组合。这就是为什么web标准不提倡使用table,因为table把内容位置固定了。

样式层:这个层面就是我们经常提到的样式表,也就是CSS(Cascading Style Sheets),制作网页的美工会经常与它打交道,它就是网页的衣服。没有CSS,页面仅仅是堆砌在一起的文字,CSS通过对每个标签设定样式,而使得页面变得美观,更加实用。需要注意的是,修饰性的图片需要通过CSS设置为装饰背景出现,它和内容图片有本质的区别,没有CSS装饰性图片将不存在,而内容图像可以看到。

辅助层:这个层面javascript起到了最最重要的作用,通过javascript可以设置网页中各式各样的动画效果,甚至可以辅助增加页面功能,增加用户易用性,使用户更加方便的浏览网页,这就是为什么javascript被誉为“网页中的魔术师”。但是需要注意的是不要因为javascript功能强大,而将其设计为功能程序中的主角,当浏览器禁止java小程序的时候,你的网站就成了一堆废物了。

还有点需要注意,CSS与javascript代码需要在html页面之外单独存在,通过html页面调取css后缀的样式表,调取js后缀的javascript程序。

谈到这里我觉得应该能感觉到web标准的优势了:一、样式改变比较简单,如果大格局不变的话,仅仅修改CSS就可以了;二、页面内容数据化的出现,没有多余的代码,更加有利于搜索引擎抓取内容,带来网站流量;三、页面容量变小了,下载就速度快多了!

但在实际的运用中,严格的执行这样的规则是很困难的,还好w3c(web标准的制定组织)不是那么挑剔,它的调试器(w3组织为页面代码是否符合web标准而制作的调试器)越来越慷慨了,改变了很多规则,通过的几率大大增高了:)。

先说这么多,对初学者有些指导吧?

浅谈web标准》上有 6 条评论

  1. 看来二度原理实现,我点的blogsir。

    想问问你的空间怎么样?给你邮件了,不过估计没有收到。
    我想换个虚拟主机,也不想搬国外,国内的就感觉你这里快了,

  2. Yintop志愿者,自由开放的IT志愿者网站。欢迎指教!
    www.yintop.com
    lei.yintop.com
    blog.yintop.com

    欲出售的域名:

    广告案例 adcase.cn 汇集优秀案例,传播品牌文化。
    广告族 adzu.cn 广告、传媒、营销、广告人。
    车族 carzu.cn 聚集有车、爱车一族。
    爱榜 ibang.cn 分享信息生活。
    极致音乐  320m.com (320kbps的mp3) Mp3音乐的完美音质。
    2008志愿者 2008zhiyuanzhe.com 2008zyz.com
    愚人日报 yrrb.com 日日更新,夜夜造假——愚人日报。

  3. Pingback 引用通告: 小戴的网志流年|Weblogging years for Jay...