WEB标准_什么是Web标准遵循Web标准的意义

㈠什么是web标准

WEB标准不是某一个标准，而是一系列标准的集合。目前所通常所说的WEB标准一般指网站建设采用基于XHTML语言的网站设计语言,WEB标准中典型的应用模式是“css+div”（什么是css+div）。实际上，WEB标准并不是某一个标准，而是一系列标准的集合。

网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的网站标准也分三方面：结构化标准语言，主要包括XHTML和XML；表现标准语言主要包括CSS；行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C组织（什么是W3C组织）起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。

web标准的本意是实现内容(结构)和表现分离，就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理内容和表现，也方便搜索和内容的再利用。

㈡什么是web标准现在web标准出到多少版本了

WEB标准，即网站标准。目前所通常所说的WEB标准一般指网站建设采用基于XHTML语言的网站设计语言,WEB标准中典型的应用模式是“css+div”。实际上，WEB标准并不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的网站标准也分三方面：结构化标准语言，主要包括XHTML和XML；表现标准语言主要包括CSS；行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C组织起草和发布，也有一些是其他标准组织制订的标准，比如ECMA （European Computer Manufacturers Association）的ECMAScript标准。

㈢ .什么是Web标准，遵循Web标准的意义。

1.什么是web标准？

首先要明确一个概念。我们本书讲的web标准，不是指XML，而是指为了实现大量HTML信息向XML标准的过渡，W3C和ECMA制定的一系列的技术规范，目前主要包括XHTML1.0、CSS2.0、DOM1.0和ECMA JavaScrit。web标准不仅仅是一个规范，而是一系列规范的总称。

按这些规范制作的网页，符合XML格式规范，内容与表现相分离，将使你的页面数据在以后可以被分享、交换和重用。

下面，让我们一起了解一些重要的基础知识。如果你已经掌握，可以跳过直接阅读第二节
。
2. 什么是w3c？

W3C是“World Wide Web Consortium”的缩写，中文称万维网组织。是一个专注于“领导和发展web技术”的国际工业行业协会。它由万维网发明者Time Berners-Lee领导，成立与1994年。W3C已经有超过500家的会员--包括微软、美国在线(Netscape的母公司)、苹果电脑、 Adobe、Macromedia、SUN 以及各类主流硬件、软件制造商和电信公司。学会主要研究由三家学术机构主理--美国麻省理工学院(MIT)、法国的欧洲信息与数学研究论坛 (ERCIM)、日本的应庆大学(KEIO)。

W3C主要工作是研究和制定开放的规范(事实上的标准)，以便提高web相关产品的互用性。W3C的推荐规范的制定都是由来自于会员和特别邀请的专家组成的工作组完成。工作组的草案(Drafts)在通过多数相关公司和组织同意后提交给W3C理事会讨论，正式批准后才成为“推荐规范 (Recommendations)”发布。更多的信息您可以访问W3C的网站：www.w3.org

web标准的优势
5.1 易用性

用web标准制作的页面，对搜索引擎更加“透明”，因为良好清晰的结构使得搜索引擎能够方便的判断与评估信息，从而建立更精确的索引。按web标准制作的页面也可以在更老版本的浏览器中正常显示基本结构，即使CSS/XSL样式无法解析，它也能显示出完整的信息和结构。

符合web标准的页面也很容易被转换成其他格式文档，例如数据库或者word格式,也容易被移植到新的系统--硬件或者软件系统，比如网络电视、PDA等等。这是XML天生具有的优势。

符合web标准的页面也具有天生的“易用性(accessibility)”,不仅仅是普通浏览器可以阅读，那些有残疾的人们也可以通过盲人浏览器、声音阅读器正常使用。
5.2 向后兼容性

使用web标准建立的页面，将在未来的新浏览器或者新网络设备中很好的工作。我们只要修改CSS或者XSL定制相应的表现形式就可以了。

关于web标准的好处
1.科技在进步，网络带宽越来越大，速度越来也快，节省那点字节有意义吗？
web标准的好处之一是：用web标准制作的页面代码量小，可以节省带宽。这只是web标准附带的好处，因为DIV的结构本身就比TABLE简单，TABLE布局的层层嵌套造成代码臃肿，文件尺寸膨胀。通常情况下，相同表现的页面用DIV+CSS比用TABLE布局的节省2/3的代码。这是web标准天生的好处。至于节省带宽的意义并不主要针对普通用户，而主要针对网站经营者，特别是中大型网站，类似新浪、网易这样的站点。一个新闻首页从500K缩小到170k，假设一天的pageview是3000万(保守数字)，那么节省的服务器流量就是330k*30000000=9440G，这个成本的节约是可观的。
2.我需要考虑残障人士（盲人和弱视）吗？
为残障人士提供网络浏览方便是美国及欧洲一些国家的法律规定，由于web标准页面的清晰结构、语义完整，一些相关设备能很容易的正确提取信息给残障人士。因此，方便盲人阅读信息也成为web标准的天生好处之一。至于有人说中国目前还有很多人为解决温饱发愁，哪有时间考虑残障人士。这是社会文明和社会道德问题，不在本书讨论范畴。但如果你页面按web标准制作了，就能达到这个效果，何乐而不为呢？

关于浏览器兼容
1.我不需要关心web标准，IE占有99%的市场，我做的页面只要IE能看就可以了。
“以用户为核心”通常都是反对web标准者的档箭牌，实际上这是虚伪的“以用户为核心”。你不能保证IE永远是垄断浏览器市场，你也不能保证IE不做任何改变(事实上，微软的IE7已经开始改善对 web标准的支持)。坚持用html+table布局制作的页面将是“死”的信息，不方便搜索，无法重用与共享，从长远来讲，这才是对用户最大的伤害。
2.为什么web标准的页面兼容性并不好？
我们说web标准的优势是兼容性好，这个兼容是指向后兼容，向新浏览器、新设备兼容。对已有的浏览器来说，因为它们对web标准的支持程度不一样，因此会出现不同浏览器下页面变形的情况。我们必须采用一些"hack"技巧来实现不同浏览器的兼容。这是无奈、也是不可避免的，是web技术发展必然要经历的一个过程，是我们向XML过渡必须克服的一个困难。

我想你和我一样，都关心WEB的未来会是怎么样的，下一轮的新技术热点在什么方向。其实，要回答这个问题，没有谁比W3C更有权威了。只要看看W3C在做什么，正在研究什么规范就知道WEB的走向和趋势了。

W3C明确地告诉我们：XML是未来的趋势毋庸置疑，开放和共享是互联网的精神和根本动力。

蒂姆.贝纳斯-李（Tim Berners-Lee），W3C领导人，万维网之父，说到：XML提供了信息交换的手段，但这仅仅只是开始。我们的目标是web的语义化，即：使得web上的信息内容更加容易理解、更便于交换和共享，RDF和OWL语言将在这方面提供更强大的支持。

web技术即将迎接新一轮的变革和发展，如果你还在犹豫是不是需要学习web标准，那么你将失去这次机会。

㈣什么是web标准，为什么要使用web标准

一些Web开发人员和Web设计师对使用Web标准持抵触态度。普遍的看法是它太难了，不管它是怎么运作，我使用的那些软件总会创建出一些不规范的代码。.

学习新的技术并放弃您所熟知的技术，这很容易引起情绪上的反感，并产生抵触的情绪。然而，如果您很理智的观察一下现在的形势，将会发现，通过学习和使用Web标准会得到许多好处。举几个例子：

更简易的开发与维护：使用更具有语义和结构化的HTML，将让您更加容易、快速的理解他人编写的代码。
与未来浏览器的兼容：当您使用已定义的标准和规范的代码，那么您这个向后兼容的文本就消除了不能被未来的浏览器识别的后患。
更快的网页下载、读取速度：更少的HTML代码带来的将是更小的文件和更快的下载速度。如今的浏览器当处于标准模式下将比它在以前的兼容模式下拥有更快的网页读取速度。
更好的可访问性：语义化的HTML（结构和表现相分离）将让使用浏览器以及不同的浏览设备的读者都能很容易的看到内容。
更高的搜索引擎排名：内容和表现的分离使内容成为了一个文本的主体。与语义化的标记结合会提高您在搜索引擎中的排名。
更好的适应性：一个用语义化标记的文档可以很好的适应于打印和其他的显示设备（像掌上电脑和智能电话），这一切仅仅是通过链接不同的CSS文件就可以完成。你同样可以仅仅通过编辑单独的一个文件就完成跨站点般的表现上的转换。

Web标准可以为网站的创建者节省时间与金钱，还可以为网站的浏览者提供一个更好的经历。此外，Web标准是未来的。如果你还没有使用We b标准，那么现在应该开始动手了，否则你会落伍的。

㈤什么是web标准，为什么要使用web标准

WEB标准不是某一个标准，而是一系列标准的集合。目前所通常所说的WEB标准一般指网站建设采用基于XHTML语言的网站设计语言,WEB标准中典型的应用模式是“css+div”（什么是css+div）。实际上，WEB标准并不是某一个标准，而是一系列标准的集合。
网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的网站标准也分三方面：结构化标准语言，主要包括XHTML和XML；表现标准语言主要包括CSS；行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C组织（什么是W3C组织）起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。
web标准的本意是实现内容(结构)和表现分离，就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理内容和表现，也方便搜索和内容的再利用。

㈥ web标准都包含哪些内容

web标准（Web Standards）

首先这个名字是那帮提出web标准的人起的名字，你可以去看看web标准组织的网站http://www.webstandards.org/

Web标准组织倡议大家采用W3C的语言规范XHTML，CSS，DOM，ECMAScript（XML等）来设计网页，至于版本号当然是目前推行的版本，要根据W3C的发布和浏览器的支持程度去决定使用哪种语言版本

再次，这么做的目的是，让网页的结构和表现相分离，用标准的Javascipt去营造良好的交互和让用户获得更好的用户体验，让标准化的结构代码可以支持多种设备，语义化的标记更好的支持搜索引擎和结合IA等SEO技巧做搜索引擎优化，和网页的数据挖掘（看看相关XML的技术），使用CSS实现网页的用户界面，兼容多种浏览器和设备。还可以加点亲和力（Accessbility）照顾一下残障人士和视力不好的用户。
最后，作为分离的开发模式，类似于后台的MVC开发模式，降低相关因素的耦合，提高并发协作效率和降低维护成本，向前向后兼容浏览器和设备，让网站可以在不同设备不同浏览器畅行无阻。

其实技术是相通的，web标准没有明显的界定，大体思路就是利用W3C标准的语言规范结合当前支持环境的实际情况去做到网页设计的最优化。

㈦ web标准化是什么

WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。我们来简单了解一下这些标准：

1．结构标准语言
（1）XML

XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0，参考。和HTML一样，XML同样来源于SGML，但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了，网上有很多资料，也有很多书籍可以参考。

（2）XHTML

XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。因此，我们在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。

2. 表现标准语言
CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。

3.行为标准
（1）DOM

DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范，DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。

(2) ECMAScript

ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言（JAVAScript）。目前推荐遵循的是ECMAScript 262。

㈧什么是WEB标准

网站标准，指的是以下三个方面：结构化标准语言主要包括XHTML和XML；表现标准语言主要包括CSS；行为标准主要包括对象模型（如W3C
DOM）、ECMAScript等等...

㈨ WEB标准的标准测试

页面校验地址 http://validator.w3.org/
CSS文档校验 http://jigsaw.w3.org/css-validator/
XHTML 1.0 标准规格 : The Extensible HyperText Markup Language
W3C标准测试网址 http://validator.w3.org/
测试时一定要有文件类别宣告还有指定文件编码
<meta http-equiv=Content-Type content=text/html; charset=gb2312 />
才能顺利进行测试动作，开始打造一个标准的网站！ 1.XHTML 1.0文件类别宣告的正确写法 (不可小写)
过度标准（外语全称：Transitional）
公共标识符称为：“-//W3C//DTD XHTML 1.0 Transitional//EN”。
<!DOCTYPE html
PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
>
框架标准（外语全称：Frameset）
公共标识符称为：“-//W3C//DTD XHTML 1.0 Frameset//EN”。
<!DOCTYPE html
PUBLIC -//W3C//DTD XHTML 1.0 Frameset//EN
>
严格标准（外语全称：Strict）包含以上须注意的问题,还有其他更严格的标准
公共标识符称为：“-//W3C//DTD XHTML 1.0 Strict//EN”。
<!DOCTYPE html
PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
>
2.头文件问题
所有的网页头文件都一律都改为标准形式，写法如下： <head><metahttp-equiv=content-typecontent=text/html;charset=gb2312/><metahttp-equiv=content-languagecontent=zh-cn/><metaname=keywordscontent=.../><metaname=descriptioncontent=.../><title>...</title></head>3.不允许使用target=_blank
在HTML4.01可以使用target=_blank,但XHTML1.0是不被允许的.
我使用了一个HTML4.0的新属性：rel，这个属性用来说明链接和包含此链接页面的关系，以及链接打开的目标。
原来这样写的代码：打开一个新窗口
现在要写成这样：打开一个新窗口
这是符合strict标准的方法。当然还必须配合一个javascript才有效。
javascript完整的代码JS如下： function外部链接()//万国码unicodejavascript{if(!document.getElementsByTagName)return;varanchors=document.getElementsByTagName(a);for(vari=0;i<anchors.length;i++){varanchor=anchors;if(anchor.getAttribute(href)&&anchor.getAttribute(rel)==external)anchor.target=_blank;}}window.onload=外部链接;你可以把它保存成一个.js文件(比如外部链接.js)，然后通过外部联接方法调用：
<script type=text/javascript src=外部链接.js></script>
4.XHTML 1.0要求所有的标签必须关闭
所有没有成对的空标签必须以 />结尾
和这就是成对
错误
<hr>
正确
<hr />
错误 <input type=text name=name>
正确 <input type=text name=name />
错误 <meta ...>
正确 <meta ... />
错误 <link rel=stylesheet type=text/css href=style.css>
正确 <link rel=stylesheet type=text/css href=style.css />
错误 <img src=bg.gif border=0 alt=说明文字>
正确 <img src=bg.gif border=0 alt=说明文字 />
5.所有标签元素名称都使用小写
错误 <HTML> <TITLE> <HEAD> <BODY>
正确 <html> <title> <head> <body>
错误 <IMG SRC=BG.GIF BORDER=0 ALT=说明文字>
正确 <img src=bg.gif border=0 alt=说明文字 />
错误 <UL><LI></LI></UL>
正确 <ul><li></li></ul>
以上只是举例,是所有标签元素名称都必须是小写
6.同一个id选择器不可重复使用
一个网页中id=xx同一个选择器不能重复使用,若需要重复请用class=xx
7.标签必须是一对
[font][/font]
8.正确的标签顺序
错误文字
正确文字
9.JavaScript写法
Javascript我们通常会写为
错误 <script language=javascript>
W3C标准必须为程式指定类型type=text/javascript,所以要写为
正确 <script type=text/javascript>
或者 <script language=javascript type=text/javascript>
载入外部.js独立档案的写法
正确 <script type=text/javascript src=script.js></script>
10.绝对不可省略双引号或单引号
错误 style=font-size:9pt
正确 style=font-size:9pt
错误 <img src=bg.gif width=140 height=30 alt=text />
正确 <img src=bg.gif width=140 height=30 alt=text />
错误 text
正确 text
11.图片标签加上文字说明alt=说明
错误 <img src=bg.gif height=50 border=0 />
正确 <img src=bg.gif height=50 border=0 alt=说明文字 />
12.背景音乐不允许使用 bgsound 标签
我只好用JavaScript解决这个问题。javascript完整的代码如下：

你可以把它保存成一个.js文件(比如bjmusic.js)，然后通过外部联接方法调用：
<script type=text/javascript src=bjmusic.js></script>
13. 标签的争议
<embed>是Netscape的私有标签,W3C 从HTML3.2 HTML 4.01 到 XHTML 1.0 中都没有这个标签,所以使用的页面是不能通过标准测试。
W3C推荐使用 <object> 标签,用<object>插入flash影片的代码可以写为:
<object type=application/x-shockwave-flash data=index.swf width=400 height=200>
</object>
但这样的写法可能IE5/IE6 Win浏览器版本会出现问题。
标签因为广大的受到运用,不再标准范围引起很大的争议，想要解决这个问题，只能等IE浏览器对<object>有更好的支持或者W3C愿意收录标签。
14. 不允许使用框架标签<IFRAME>
这次又要用JavaScript解决问题了。javascript完整的代码如下：
function ifr(url,w,h){document.write('<iframe id=ifr name=ifr width='+w+' height='+h+' border=0 frameborder=0 scrolling=no src='+url+'></iframe>');}
把它保存成一个.js文件(比如ifr.js)，然后通过外部联接方法调用：
<script type=text/javascript src=ifr.js></script>
在你需要插入框架的地方写以下代码即可：
<script type=text/javascript>ifr('需插入的网页地址','567','485');</script>
函数ifr()使用说明：ifr('这里写地址','这里写宽度','这里写长度',)
15.google广告问题
google广告的代码是不符合W3C标准的，我只好又把它转成JS调用，但GOOGLE政策里是写着不允许修改代码的，
关于这点我正在写信给GOOGLE询问中，应该很快会有答案。
我的JS文件(google.js)代码如下：
document.writeln(<script type= ext/javascript>);
document.writeln(</script>);
document.writeln(<script type= ext/javascript);
document.writeln( src=http://pagead2.googlesyndication.com/pagead/show_ads.js>);
document.writeln(</script>)
各位朋友可以按照自己的情况修改，网上也有把HTML代码转为JS代码的地方。
最后在需要挂广告的地方放入代码 <script type=text/javascript src=google.js></script>
其他需注意的地方：
16.注解文字不可包含--符号
错误 
正确 
17.正确使用CSS样式表
一定要放在<head></head>之间
<link rel=stylesheet type=text/css href=style.css />
<style type=text/css>

</style>
错误 <style>
正确 <style type=text/css>
18.使用表格常犯的错误
我们在做表格通常会指定宽与高,例如: 内容这样做是没有办法通过,W3C建议使用CSS来控制标签元素的高度
.table{
height:55px;
} TEXT 但是若使用太多表格,在CSS一一指定不同高,也不是好方法
其实很简单将高度height属性指定在储存格就可以了通过测试 TEXT 但这不是w3c希望的标准,建议能够使用div代替不必要的table
19.非标签一部分的符号以编码表示
表单内包含以下符号也必须用编码表示
< 以 < 表示
> 以 > 表示
& 以 & 表示
程式中的连结 & 也要改用 &
错误 <a href=foo.cgi?chapter=1&ion=2>
正确 <a href=foo.cgi?chapter=1&ion=2>
20.所有属性都必须有值
XHTML1.0规定所有属性都必须有值,若没有就必须重复属性作为值
错误 <input type=radio value=v1 checked name=s1 />
正确 <input type=radio value=v1 checked=checked name=s1 />
错误 <option selected>S1</option>
正确 <option selected=selected>S1</option>
错误
正确

㈩ web标准通常包括哪三个标准

1.WEB标准，即网站标准。目前所通常所说的WEB标准一般指网站建设采用基于XHTML语言的网站设计语言,WEB标准中典型的应用模式是“css+div”（什么是css+div）。实际上，WEB标准并不是某一个标准，而是一系列标准的集合。
2.网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的网站标准也分三方面：结构化标准语言，主要包括XHTML和XML；表现标准语言主要包括CSS；行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。
3.这些标准大部分由W3C组织（什么是W3C组织）起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。

WEB标准

与WEB标准相关的内容