这里跟大家谈谈个人对web前端开发的一些经验（当然都是个人的一些理解，有什么地方说的欠妥或不对的地方还请包含和指正），这里我就从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标准的问得最多的问题之一，我也曾经常被这个问题所困扰，这里就说说我对合理布局的一些理解。
在开始讲合理布局的页面要达到的要素前，我们还是用个实例来讲解会更直观些。先来看看这个**：
不错，这个是一个文章详细页，没有左右两栏布局，不过这里我重点要讲的是合理的布局，在稍后的文章中我会详细的介绍浮动元素。好，回到刚才的话题，大家看到了这个页面了。
我这里先把**写给大家看看（省略了部分**）：
articles
topics
aboutcontact
gestbook
feed 作者/程序设计：domain **： 发布时间：2023年4月28日。
之前整理发表了《xmlhttprequest的属性和方法简介》,它ajax要使用的核心的技术之一，现在就来实际运用它。这个ajax标签导航，是我很久前就写的一个脚本，很实用的（还被很多**收录了哦），现在拿它来做实例讲解吧！当然个人能力有限，有什么不对的地方还请多包含！
效果大家看到了，核心功能有：
1、将当前选中标签以特殊的样式显示。
2、将异步加载的页面信息显示到指定的dom节点中。
我们来看看处理脚本的**吧：
程序**：id="news" -news就是我们的导航标签的id；
id="newscnt" -newscnt就是我们要写入信息的目标dom节点；
class="first" -first当前(第一个)标签的样式；
id="news-0" -news-0 通过”-“分开，我们就分别可以得到news(导航标签id)，0（标签[li]在导航标签中的索引值）
**重构 - 超链接。
- 标签间的分割线。
我罗列的这些东西，相信大家开始看出了些头绪了，呵呵，不过别急！在我们看处理的脚本之前，先让我们来看看导航标签的样式，主要是看看我们对分割线的处理(一点css处理的技巧)。
本来想偷个懒，让大家看我上边说的那篇文章，想想也就是ctrl+c&ctrl+v,都贴出来吧！呵呵！！！
不过还没有完，最后要说的就是innerhtml这个特性，这里我们还要感谢微软啊，innerhtml就是它的专利，我们就是用它来改变指定dom内的html字符串的，而不用刷新页面。详细的信息大家还是google一下吧，我也要休息下啊！！喝口茶先！！
^以上讲了这么多，我们最后来看看，我们这个ajax标签导航都用到了那些技术吧：
xhtmlcss
j**ascript
domxmlhttprequest对象。
innerhtml
还有xml，我们这个例子没有涉及到。东西虽小，包含的（web前端开发）知识可是都用到了啊，我把我会的点东西都端出来了（要失业了），呵呵！
当然我很喜欢跟大家多交流，以后有时间，我们在来谈谈css的hacks技巧，j**ascript dom编程等等的，今天就收工了，谢谢捧场先！！！
copyright © 2007-2008 , all rights reserved. powered by: domain
看出来什么没有？（**是很多）可能大家已经发现，整个页面里基本上都是用户要看的数据，其中只包含了很少（必要）的布局(xhtml)标签（请允许我这么说）。整个页面基本都是由最基础的h1~h6、p、ul、ol、li、form、div标签来实现的。
说到这里就要讲到我在前面提到的“结构清晰、seo优化、页面体积小、xhtml**中基本上都是用户要看的数据”，看看我的这个例子做到了没有？
结构清晰--也就是我们常说的，xhtml标签要结构化（语意化）。
什么叫结构化？
由于个人认为这个知识点是十分重要的，所以请允许我在这里多罗嗦几句，我们采用web标准的方法制作页面的优势就体现在页面结构清晰。我们以前用table布局的时候，我们的表现（数据）和形式（布局样式）是混在一起的，有很多冗余的数据混杂在一起，而大家再看看我上面给大家展示的**，很明显，结构十分清晰。
说了半天，还是没有说什么是结构化，什么才是结构清晰啊？不要急。还记得我刚才提到的那几个标签吗？
h1~h6--如果你要显示的数据是作为标题显示的时候，就用这些标签，因为这个标签的意思就是说，这个是一个标题，不仅我们的用户很容易理解h-head的英文字母缩写，我们的另外一个用户搜索引擎也可以很容易理解它。呵呵，看到了吧，一个充分结构化的页面，对用户是十分友好的。
p--paragraph（段落）
ul--unorglized list(无序的列表)
ol--orglized list(有序的列表)
li--list item(列表项)
form--表单。
div--division(区域)
我这么一写，大家估计开始明白了，原来xhtml标签是有着自己的意义的（至于其他的标签的语意义，大家可以自己到w3c看看它的解释，也可以查看语义化你的html标签和属性），所以我们讲要语意化的意思，就是用合理的标签来显示数据，比如前面提到的，是标题，就应该用h1~h6标签，如果是一个段落的介绍文字，那么就应该使用p标签，如果是显示的一个没有顺序的列表，就应该用ul标签，如此。
所以看这个例子里。
这么写就是很合理的，h2标签就说明这里是个标题。而这么写：
复制内容到剪贴板**：
title{
font-size:18px;
ajax标签导航实例详解。
虽然你用了strong来强调说明这部分文字，但是还是没有h2标签来的直接明了。
还有这么写。
也不是我们推荐的，可以不用嵌套层的地方，我们尽量不要去过多的嵌套层，减少嵌套会让我们的浏览器解析起来会更容易，速度更快。
所我们使用web标准开发页面，绝对不是单纯的把以前的table换成div就ok了。而采用标准制作页面，也不意味着我们就不使用table。只要把握我刚才说的原则，使用合理的标签显示相应特征的数据。
其实我们的table标签是一个很好的用来显示二维数据的标签，而table标签也确实是设计出来用来显示数据的，而不是用来布局的，只是我们当时的设计师们都用table标签来布局了。。
Web前端基础总结
的基本类型 undefined 只有一个值undefined，它是变量未被赋值时的值，在js中全局对象有一个undefined属性表示undefined，事实上undefined并非j ascript的关键字，可以给全局的undefined属性赋值来改变它的值。null 只有一个值null,但是j ...
web前端框架总结
1.选择器 1.1基本选择器 匹配所有的元素。i1 匹配id为i1的元素 class1 匹配class为c1的元素 s1 匹配元素名为s1的元素。s1，s2 匹配元素名为s1和元素名为s2的元素，一并返回 满足任意一个元素名即可 1.2层次选择器 s1 s2 匹配祖先元素名为s1所有后代元素名为s2...
web前端面试总结
web前端面试笔试题 优化。前端是庞大的，包括html css j ascript image flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么。1.从用户角度而言，优化能够让页面加载得更快 对用户的操作响应得更及时，能够给用户提供更为友好...