WEB标准是什么?

WEB标准是什么?

呵呵,说是WEB标准,不过我这里主要是对XHTML1.1 和 CSS2.1的一些经验总结。因为WEB含盖的内容实在是太多了,“WEB标准”是一系列标准的总称,包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以这里要跟大家指出来一下,WEB标准不是我们所说的DIV+CSS。

刚刚上面提到了——DIV+CSS,呵呵,这里要说明下,这样说其实是不正确的。DIV+CSS准确的说法(个人的理解)应该是:采用W3C推荐的WEB标准中的XHTML1.1结合CSS2.0样式表制作页面的方法,DIV应该指的是XHTML标签,而CSS显示是指的CSS样式表了。

采用WEB标准开发的好处

那么W3C为什么会推荐这样的页面制作方法呢?下面我们就简单的看看采用WEB标准开发(个人理解的)相对以前TABLE布局的优势有哪些?

1、节约运营成本,省钱啊!

呵呵,能帮你省钱的东西,你会不会有兴趣?当然是十分的有兴趣了。看看我们的WEB标准制作方法是如何做到的?

采用WEB标准制作,我们可以做到表现很形式的分离,我们用XHTML来表现(数据),用CSS来控制(页面元素呈现的)形式。写的好的页面,XHTML代码中基本上都是用户要看的数据,还其他修饰性的东西,全部由我们的CSS来控制。这样一来我们的(XHTML)页面的体积就大大减小了,这样你在带宽上的费用就会大家降低了,这个怎么降低的,你可以想象一下,YAHOO的首页小1K,100W个人一起访问,那么带宽节约了多少?而且可以更充分的利用带宽。

而我们的CSS控制了,所有的页面元素的样式,现在想改网站的整体风格,你只需要花几分钟修改一下一个CSS文件,就可以轻松搞定了。维护的成本也下来了,省了不少钱了吧?还有,你开这个页面的速度会快很多啊,一个让你等半分钟的页面,除非里面的信息对你很有用,不然我们大家基本都没有太多的时间去用来等待的。

2、对用户友好更友好,且有机会获得更多的用户

现在来说说用户友好。首先我想把我们的用户来分下类。

第一类:普通用户(每个访问我们网站的人);
第二类:搜索引擎;

采用WEB标准开发的页面,结构清晰,页面体积小,浏览器兼容性好。普通用户访问的时候,页面打开速度快,而且不管用户使用那种浏览器,都能够正常访问(显示)页面,且页面的结构清晰,要找的数据可以很方便的浏览到。

而对搜索引擎来说,一个好的采用WEB标准开发的页面,都是做过SEO优化的,它访问起来很友好,很容易理解你的页面中哪里是标题(H1~H6标签),哪里是段落(p标签),哪里是段落里要强调的内容(strong标签) 等,它可以很容易的分析出来。而一个SEO好的站点,大家都知道,被搜索引擎收录的机会更多,这个也意味着您的网站会被更多的普通用户访问到,给你的站点带来更多的用户。

一个能帮我们省下大笔费用,提高工作效率。同时又能够提高页面浏览速度,对用户友好,甚至能够不花钱宣传,就能给你带来更多用户的技术。你说你会不会去使用它?呵呵,这个也正式我们的W3C推荐使用WEB标准开放网站的原因啊。而这个技术也得到了我们广大用户的认可,所以您现在需要学习WEB标准啊。^-^!

呵呵,温习完了基础课程,现在正式开始讲XHTML和CSS的技巧了。

合理的布局

有朋友会开始问了,怎么一开始就开始讲合理的布局了呢?呵呵,前面我们提到了一些知识点——“结构清晰、SEO优化、页面体积小、XHTML代码中基本上都是用户要看的数据”。这些东西,都是我们做了合理布局的结果。而且我个人觉得,我们采用WEB标准制作的一切都是从这个知识点开始的,所以我这里就先来说这个话题。

那么大家又会开始问,怎样的一个页面,才算是合理的布局的呢?恩,这个问题问题问得好,也是我们大家刚开始学用WEB标准的问得最多的问题之一,我也曾经常被这个问题所困扰,这里就说说我对合理布局的一些理解。

时间: 2024-07-31 20:54:49

WEB标准是什么?的相关文章

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

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

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

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

使用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标准中使用CSS的基础教程

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

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

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

web标准,我们去向何方?

web|web标准 原文作者:Veerle  原文出处:http://veerle.duoh.com 译者注:本文是"你应该关注web标准的真正原因"一文发表后veerle写的一篇感想文章,作者提了2个想法,却引来各种意见和建议,我将部分评论附在文后.可以看到国外技术类blog讨论的气氛也是非常好的,至少参与的人很多.有兴趣的建议看看原文. 译文 关于web标准,我已经了解很多,并且正在使用.我也很清楚的认识到,使用web标准不是为了能够骄傲的说"嗨,你的站点通过标准校验了吗

WEB标准:Div布局与Table布局

web|web标准 前几天在做个网站,想全部用Div布局,起初控制得还好,代码也很整洁,但是Div没有垂直居中对齐(至少我没有过找到相关属性),后到不结合Table,如下代码: 1.无Table <div class="sectionItem">     <div class="image">         <a href="RoadWarningLamp/default.aspx"><img src=

学习一种符合WEB标准的导航菜单例子

web|web标准|菜单|导航 <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>css菜单演示</title><style type=