WEB标准和规范

1、“WEB标准”是一系列标准的总称，包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以这里要跟大家指出来下，WEB标准不是我们所说的DIV+CSS。相对以前TABLE布局的优势节约成本采用WEB标准制作，我们可以做到表现很形式的分离，我们用XHTML来表现（数据），用CSS来控制（页面元素呈现的）形式。这样一来我们的（XHTML）页面的体积就大大减小了，这样你在带宽上的费用就会大家降低了，这个怎么降低的，你可以想象一下，YAHOO的首页小1K,100W个人一起访问，那么带宽节约了多少？而且可以更充分的利用带宽。易于维

2、护CSS控制了，所有的页面元素的样式，现在想改网站的整体风格，你只需要花几分钟修改一下一个CSS文件，就可以轻松搞定了。维护的成本也下来了，提高页面的访问速度想象一下，YAHOO的首页小1K,100W个人一起访问，那么带宽节约了多少？而且可以更充分的利用带宽。用户友好度采用WEB标准开发的页面，结构清晰，页面体积小，浏览器兼容性好。普通用户访问的时候，页面打开速度快，而且不管用户使用那种浏览器，都能够正常访问（显示）页面，且页面的结构清晰，要找的数据可以很方便的浏览到。提高SEO搜索率对搜索引擎来说，一个好的采用WEB标准开发的页面，都是做过SEO优化的,它访问起来很友好，很容易理解你的页面中

3、哪里是标题（H1H6标签），哪里是段落（p标签），哪里是段落里要强调的内容（strong标签）等，它可以很容易的分析出来。而一个SEO好的站点，大家都知道，被搜索引擎收录的机会更多,这个也意味着您的网站会被更多的普通用户访问到，给你的站点带来更多的用户。web页面技巧1.(XHTML)标签只包含了很少（必要）的布局（XHTML）标签（请允许我这么说）。整个页面基本都是由最基础的h1h6、p、ul、ol、li、form、div标签来实现的。2结构化h1h6-如果你要显示的数据是作为标题显示的时候，就用这些标签，p-Paragraph（段落）ul-unorglizedlist（无序的列表）ol-o

4、rglizedlist（有序的列表）li-listitem（列表项）form-表单div-division（区域）strong来强调说明这部分文字尽量不要去过多的嵌套层，减少嵌套会让我们的浏览器解析起来会更容易，速度更快。例如：vdivclass=XXxstrongx/strongx/div用来强调部分文字。标题3table标签table标签是一个很好的用来显示二维数据的标签，而table标签也确实是设计出来用来显示数据的，而不是用来布局的，只是我们当时的设计师们都用table标签来布局了。4尽量不要去过多的嵌套层大家想想，嵌套N多层，跟我们以前使用table设计时，table套table的区

5、别就不大了，而那种含有大量冗余信息的页面，搜索引擎解析的时候也很费力啊。所以我们现在有了WEB标准，就不要再去犯以前的错误了。5对LOGO的处理对SEO有些了解的朋友都知道，搜索引擎搜索关键字的时候，是先对XHTML标签里的标签的keyword部分的文字，然后就是标题里的文字，接着就是正文中的h1h6标签，然后是strong标签中的文字。而我们网站的名称，毫无疑问的会作为关键字的。用hl标签模拟了vimg/标签的效果利用了text-indent、overflow:hidden;属性以及display:block。我们把LOGO图片作为hl标签的背景，然后用text-indent设置一个超大的负

6、值，然后结合overflow:hidden;属性，让hl标签里面的字都超出到它的布局范围内，overflow:hidden后就在hl标签里看不到文字了，而LOGO图片背景显示出来了。接着一个关键就是将a标签模拟成图片链接的效果。我们首先将a标签display属性设置为block,强制将a标签显示成块级元素（块级元素和行内元素的知识我们下面马上给大家介绍），给它设置布局大小，这样我们a标签里就是一个块了，而这个块刚好是我们背景logo图片的大小，让你点击的时候感觉是点的一个图片链接，而我们的a标签是嵌套在hl标签里的，继承了H1的text-indent属性，里面的文字超出了a标签的布局范围，没有显示出来，而显示了图片（其实是背景图）。我们又给a标签添加了title属性，来模仿img标签的alt属性.标签有块级元素和行内元素之分块级元素生成一个元素框，（默认地）它会填充其父级元素的内容，旁边不能有*元素。理解的话就是说在文档流中换行。我们最熟悉的HTML元素是p和div.行内元素在一个文本行内生成元素框，而不会打断这行文本。行内元素最好的例子就是XHTML中的a元素。strong和em也属于行内元素。7页面的DOM