<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title><![CDATA[阿粥的博客]]></title>
<link>http://www.iamwawa.cn/blog/</link>
<description><![CDATA[学习别人的知识，分享自己的经验，学习&amp;分享Python,Symbian,VB,PS,CSS,JS,SEO等]]></description>
<language>zh-cn</language>
<copyright><![CDATA[Copyright 2005 PBlog3 v2.8]]></copyright>
<webMaster><![CDATA[azoon@163.com(阿粥)]]></webMaster>
<generator>PBlog2 v2.4</generator> 
<image>
	<title>阿粥的博客</title>
	<url>http://www.iamwawa.cn/blog/images/logos.gif</url>
	<link>http://www.iamwawa.cn/blog/</link>
	<description>阿粥的博客</description>
</image>

			<item>
			<link>http://www.iamwawa.cn/blog/article.asp?id=90</link>
			<title><![CDATA[谷歌PR值今天更新了]]></title>
			<author>azoon@163.com(admin)</author>
			<category><![CDATA[网页设计]]></category>
			<pubDate>Fri,05 Aug 2011 08:41:02 +0800</pubDate>
			<guid>http://www.iamwawa.cn/blog/default.asp?id=90</guid>
		<description><![CDATA[<div align="center"><img src="http://www.iamwawa.cn/blog/download.asp?id=4" border="0" alt=""/></div><br/><a target="_blank" href="http://www.iamwawa.cn/blog/www.iamwawa.cn" rel="external">www.iamwawa.cn</a>&nbsp;&nbsp;的PR值没变，还是2，之前是3的，因为之前换友情链接的人不厚道把我的链接都删了。<br/>其中<a target="_blank" href="http://www.iamwawa.cn/bigtosmall.asp" rel="external">http://www.iamwawa.cn/bigtosmall.asp</a>&nbsp;&nbsp;的PR值升到4了。还不错啊。<br/><br/><a target="_blank" href="http://www.you0769.com" rel="external">http://www.you0769.com</a> 上线两个月，这次PR值升到2了，不错。<br/><br/><a target="_blank" href="http://www.lansiwei.com" rel="external">http://www.lansiwei.com</a> 才上线20多天，就升到1了，还是可以吧。<br/><br/>看来<a target="_blank" href="http://www.iamwawa.cn" rel="external">http://www.iamwawa.cn</a>的外链需要加强一下，指向首页的链接比较少，PR值上不去。<br/><br/><a target="_blank" href="http://www.iamwawa.cn/googlepr.php" rel="external"> PR值查询地址：<a href="http://www.iamwawa.cn/googlepr.php" target="_blank" rel="external">http://www.iamwawa.cn/googlepr.php</a></a>]]></description>
		</item>
		
			<item>
			<link>http://www.iamwawa.cn/blog/article.asp?id=89</link>
			<title><![CDATA[域名备案无故被注销！]]></title>
			<author>azoon@163.com(admin)</author>
			<category><![CDATA[生活娱乐]]></category>
			<pubDate>Tue,02 Aug 2011 22:22:57 +0800</pubDate>
			<guid>http://www.iamwawa.cn/blog/default.asp?id=89</guid>
		<description><![CDATA[前天收到信息：“尊敬的XXX，您的备案信息中的网站iamwawa.cn已经被注销，该网站的备案号粤ICP备08023967号-1已被收回，特此通知！[XXX备案系统]”！！！<br/><br/>GXB你牛，无缘无故凭什么收回我的备案，也不说什么原因，简直就是强盗。<br/><br/>活在中国，我觉得很悲哀，什么都限制，什么备案，什么GFW...一大堆限制自由的东西。<br/><br/>搞到我忙了一天，网站半天打不开，你们觉得很高兴？我的网站一点有害信息都没有，一点反---动信息都没，无缘无故，让我忙了一天。<br/><br/>现在好了，换了个空间。备案重新提交了。等吧，一个月！<br/><br/>我做这个网站的初衷是为了方便人们，记录自己的生活，就这么简单。]]></description>
		</item>
		
			<item>
			<link>http://www.iamwawa.cn/blog/article.asp?id=88</link>
			<title><![CDATA[文本框输入字母自动转换成大写 ]]></title>
			<author>azoon@163.com(admin)</author>
			<category><![CDATA[前端技术]]></category>
			<pubDate>Tue,02 Aug 2011 09:05:07 +0800</pubDate>
			<guid>http://www.iamwawa.cn/blog/default.asp?id=88</guid>
		<description><![CDATA[文本框输入字母自动转换成大写<br/>如果你的验证码是显示为大写的时候，你就希望用户输入时自动转换成大写。<br/>就像dedecms的后台。这样能增加用户体检。<br/><br/>用JS方法：<br/><div class="UBBPanel codePanel"><div class="UBBTitle"><a onClick="copycode(code88426);" style="float:right;cursor: pointer;font-weight: normal; font-style: normal">复制内容到剪贴板</a><img src="http://www.iamwawa.cn/blog/images/code.gif" style="margin:0px 2px -3px 0px;" alt="程序代码"/> 程序代码</div><div class="UBBContent" id=code88426><br/>&lt;script type=&#34;text/javascript&#34;&gt;<br/>&lt;!--<br/>function convert(iobj) {<br/>&nbsp;&nbsp;&nbsp;&nbsp;var str = iobj.value.toUpperCase();<br/>&nbsp;&nbsp;&nbsp;&nbsp;iobj.value = str;<br/>}<br/>// --&gt;<br/>&lt;/script&gt;<br/><br/>&lt;input type=&#34;text&#34; onkeyup=&#34;convert(this)&#34; /&gt;<br/></div></div><br/><br/><br/>用CSS方法：<br/><div class="UBBPanel codePanel"><div class="UBBTitle"><a onClick="copycode(code24483);" style="float:right;cursor: pointer;font-weight: normal; font-style: normal">复制内容到剪贴板</a><img src="http://www.iamwawa.cn/blog/images/code.gif" style="margin:0px 2px -3px 0px;" alt="程序代码"/> 程序代码</div><div class="UBBContent" id=code24483><br/>&lt;input type=&#34;text&#34; style=&#34;text-transform:uppercase;&#34;/&gt;<br/></div></div>]]></description>
		</item>
		
			<item>
			<link>http://www.iamwawa.cn/blog/article.asp?id=87</link>
			<title><![CDATA[CSS中!important的作用用于Ie6.0 与Ie7.0、firefox]]></title>
			<author>azoon@163.com(admin)</author>
			<category><![CDATA[前端技术]]></category>
			<pubDate>Wed,15 Jun 2011 16:52:15 +0800</pubDate>
			<guid>http://www.iamwawa.cn/blog/default.asp?id=87</guid>
		<description><![CDATA[!important}这个css规则 以前一直做认为IE6的版本是不支持这个规则的，今天才发现其实IE6也是支持的，只是在IE6上它存有BUG;<br/><br/>{ !important}firefox 浏览器能识别, 对于IE系列的浏览器也同样都能够识别。其主要区别在于IE6的写法上，如下：<br/><br/>例一：<br/><br/>#box {<br/>color:red !important;&nbsp;&nbsp;//IE7,IE8,FF 下显示该效果 red<br/>olor:blue;&nbsp;&nbsp;//IE6 下显示该效果blue<br/>}<br/><br/><br/>例二：<br/><br/>#box {<br/>color:red !important;<br/>}<br/>#box {<br/>color:blue;<br/>}<br/><br/><br/>例子二 在IE6,IE7,IE8,FF 下都显示同样的效果：red;&nbsp;&nbsp;跟例一的区别就是 例二用 important 定义时是分开两个标签来写，<br/><br/>因些可见，IE6下important 也能起作用，IE6下也支持用important提升优先级。只是它的支持是有条件的。<br/><br/><br/>]]></description>
		</item>
		
			<item>
			<link>http://www.iamwawa.cn/blog/article.asp?id=86</link>
			<title><![CDATA[一份完整的SEO方案应该包含哪些内容]]></title>
			<author>azoon@163.com(admin)</author>
			<category><![CDATA[网页设计]]></category>
			<pubDate>Sat,30 Apr 2011 10:36:56 +0800</pubDate>
			<guid>http://www.iamwawa.cn/blog/default.asp?id=86</guid>
		<description><![CDATA[不管是我们为自己的网站做SEO还是给自己公司的网站优化，又或者是给客户提供SEO服务，萧涵都希望大家能在SEO工作开始之前做好一份详细的SEO方案，不要怕费时间，只有有计划地去工作，才能让效率大大地提高，做到事半功倍，如果没有一份良好的计划书，可能后面会花更多的时间来整理思路。<br/><br/>其实以前我也简单地写了一篇文章提到关于SEO方案如何去写， 这里给大家列几个要点，主要是分享一下我所了解的一份SEO方案所包含的内容，主要包括以下九个部分：<br/><br/>一、选择好关键词<br/><br/>关键词的选择主要分为目标关键词和长尾关键词，关键词的选择我们要完全以用户为主，不管我们是做SEO还是做PPC推广，都需要知道用户在搜索什么，如果你不知道用户是使用什么关键词在搜索，那么你就不能很好地处理好关键词的布局并将这些关键词显示在搜索结果的前面。关键词分析是SEO工作之前最重要的一步，如果之前没有做过全面的关键词分析，那就不会真正地知道用户在搜索什么，当然我们自己做某个行业的网站肯定是知道一部分正确的关键词的，但是还有不知道的如何没去分析的话很可能丢失了很多机会。<br/><br/>二、分析竞争对手的情况<br/><br/>竞争对手的分析主要包括以下几个方面：<br/><br/>基本数据：网站年龄、收录量、收录率、快照新鲜度。 <br/>站内优化：TITLE的设计、描述的书写、强调文本、段落标题（H1,H2之类的）、URL处理、链接深度、Nofollow的使用、目录页和内容页的优化。 <br/>外部数据：外链数量和质量、全站外链、首页外链、品牌知名度。 <br/>我们要通过这几个方面的内容来建立数据模型，将每一项详细记录下来，写进方案中。<br/><br/>三、自身网站现状<br/><br/>关于自己网站的现状分析及诊断，跟上面提到的竞争对手分析是一样的，采用相同的方法去找到自己的网站所存在的问题，并详细记录下来。<br/><br/>四、SEO的目标确定<br/><br/>不管做任何事情，我们都要先设定一个目标，SEO也是一样，我们要在做之前先确定一个目标，这个目标可以是长期的、具有战略意义的，也可以是短期的，但不管是短期还是长期，我们的目标设定一定要可以实现的前提下，不要设定一个根本无法完成的目标出来。然后将目标分解到具体的每月、每周、每日的阶段目标。<br/><br/>五、网站流量预估<br/><br/>对于网站将要达到的流量进行预估，其实这一点也可以划进目标确定中去，但我总觉得分开来写更明显。主要通过关键词搜索指数、预计的关键词要达到的排名位置和当前位置的点击率来计算。当然这些数据只是粗略的估计，而且还会受到一些外部因素的影响，比如垂直搜索内容、PPC推广的结果、旺季和淡季等等一些因素。<br/><br/>六、目标用户群体分析<br/><br/>主要确定当然要做的网站的目标用户是属于哪一类，不同的网站性质所需要的目标用户是不同的，比如有些网站只是单纯为了流量，然后用来卖广告，那么他的网站内容比较多样化，用户群体也很多样化，不管是什么人只要进来网站浏览就行；对于企业来说，网站的目标用户就是目标客户，希望能将每一位来访的用户都成为自己的客户；还有的比如电子商务网站，其目的就是在线售出商品，那么他的目标用户就是有购买欲，并能在线订购。当然还有很多其他方式来判定目标用户，以后有机会我会再用专门的文章来详细解释。<br/><br/>七、风险和成本<br/><br/>不管是做什么项目，都是需要成本的，并且也会存在一定的风险，SEO也是如此。SEO的成本主要包括直接费用、时间成本和人力成本这三点；然后其风险也是分为三点，如：成本超支、时间延迟、搜索算法改变。<br/><br/>八、SEO执行策略<br/><br/>可能大家最关心的就是这一步了，但我要告诉大家，不管是这一步还是前面的几步，都是很重要的，都需要去做好。SEO的执行主要包括站内的优化，如关键词布局、TITLE和META的设计、链接的架构等等；然后是内容和文案的编辑、用户体验的优化；接着是外部链接的建设。<br/><br/>九、效果监控与统计分析<br/><br/>SEO工作除了做好上面的几项，还有很重要的一步，那就是效果的监控与统计数据分析。效果的监控可以让我们很清楚地了解到这一次的SEO工作的投资回报率，有哪些需要改进的等等；统计数据的分析包括分析流量统计系统和服务器日志，通过这些数据的分析，同样可以了解到整个SEO计划产生的效益，其中包括客户转化率、哪些关键词转化率高、新的关键词选择等等。<br/><br/>一套完整的SEO方案大致就是以上几个方面了，最后再给大家上一张图：<br/><br/><img src="http://www.iamwawa.cn/blog/download.asp?id=3" border="0" alt=""/><br/>]]></description>
		</item>
		
			<item>
			<link>http://www.iamwawa.cn/blog/article.asp?id=85</link>
			<title><![CDATA[同淘国际贸易有限公司(TOT  TRADING) 网站完成上线]]></title>
			<author>azoon@163.com(admin)</author>
			<category><![CDATA[网页设计]]></category>
			<pubDate>Sat,02 Apr 2011 22:09:19 +0800</pubDate>
			<guid>http://www.iamwawa.cn/blog/default.asp?id=85</guid>
		<description><![CDATA[<img src="http://www.iamwawa.cn/blog/download.asp?id=1" border="0" alt=""/><br/><br/>同淘国际贸易有限公司是一家集生产和贸易为一体的，极具专业领导性的卫浴洁具企业。<br/>私单，同学的姐姐新开的外贸公司。<br/>最近完成上线的。网址：<a href="http://www.tottrading.com/" target="_blank" rel="external">http://www.tottrading.com/</a><br/>中英文版本，LOGO，画册，名片，网站都做了。<br/><br/>LOGO其实很简单....创意没什么，主要是围绕一句话：Take TOT to your home, make meticulous care for your life. (家中有同淘，生活似锦涛!)我想的是英文，中文是他们想的，语文不错。<br/>忙了两个星期，每天晚上都搞到12点。因为他们图片很多，勾图处理了用了很多时间。网站实际做的很快，因为是简单风格的。<br/><br/>网站收录还可以，第一天百度，谷歌都收录了。只是百度只收录了一页....还是谷歌厚道。 <img src="http://www.iamwawa.cn/blog/images/smilies/Face_03.gif" border="0" style="margin:0px 0px -2px 0px" alt=""/>]]></description>
		</item>
		
			<item>
			<link>http://www.iamwawa.cn/blog/article.asp?id=84</link>
			<title><![CDATA[[转][译]十大最容易犯的HTML标签错误]]></title>
			<author>azoon@163.com(admin)</author>
			<category><![CDATA[前端技术]]></category>
			<pubDate>Wed,23 Feb 2011 23:25:40 +0800</pubDate>
			<guid>http://www.iamwawa.cn/blog/default.asp?id=84</guid>
		<description><![CDATA[<div class="entry">
<p>保持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了&ldquo;<strong>十个最容易犯的HTML标签错误&rdquo;</strong>,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求.</p>
<h3><font color="#000000"><span style="color: #335533">错误</span>1:把块级元素放入了行内元素内</font></h3>
<p><img alt="" src="http://www.lzlee.com/Upload/20101021222396452.png" /></p>
<p>HTML 元素的表现方式不外乎就两种:块级和行内.每一个<span style="color: #335533">标签</span>都有默认的表现方式不是块级就是行内.像div和p 就是块级元素,他们用来形成文档结构.行内元素只能在快级元素内.</p>
<h3><font color="#000000"><span style="color: #335533">错误</span>2: img 标签没有包含alt属性</font></h3>
<p><img alt="" src="http://www.lzlee.com/Upload/20101021222479857.png" /></p>
<p>alt属性是所有显示在网页中图片的必须属性,它能够帮助人们知道这是什么图片.或者在网速比较慢的时候显示图片的含义是什么.它的主要目的是,说 明图片的含义,想这样的说明 alt=&rdquo;image&rdquo;是很糟糕的.如果,有些图片的确只是装饰作用而已,那么建议你写成 alt=&rdquo;&quot;.而且对seo也是有一定得帮助。</p>
<h3><font color="#000000"><span style="color: #335533">错误</span>3:在必要的时候没使用list</font></h3>
<p><img alt="" src="http://www.lzlee.com/Upload/20101021223113740.png" /></p>
<h3>错误4：使用&lt;b&gt;和&lt;i&gt;显示黑体字和斜体</h3>
<p><img alt="" src="http://www.lzlee.com/Upload/20101021223144217.png" /></p>
<p>可以用css样式定义 font-weight 和 font-style. 如果必须在页面中写<span style="color: #335533">标签</span>的话,用 &lt;strong&gt; 或 &lt;em&gt;标签来替换.&lt;b&gt;&lt;i&gt;的没有任何语义可言, 但是,为了更简洁的页面,还是选择 css定义样式吧</p>
<h3>错误5：使用太多&lt;br/&gt;</h3>
<p><img alt="" src="http://www.lzlee.com/Upload/20101021223159890.png" /></p>
<p>&lt;br /&gt;换行标记只应该用于插入是在第一个文本流换行符敲到一个新行一个特别字了。它不应该被用来制造元素之间的差距，而是分裂成不同的段落，或调整的幅度CSS样式的文本。</p>
<h3><font color="#000000"><span style="color: #335533">错误</span>6: 使用错误的 <del>Strikethrough</del> 标签</font></h3>
<p><img alt="" src="http://www.lzlee.com/Upload/20101021223233041.png" /></p>
<p>在昔日，&lt;S&gt;和&lt;strike&gt;允许用来定义网站文字。不过，现在他们被定义为不推荐使用的<span style="color: #335533">标签</span>,当他们任然可以有效果.现在用新的标记集- &lt;del&gt;和&lt;ins&gt;。来替换&lt;s&gt;&lt;strike&gt;</p>
<h3><font color="#000000"><span style="color: #335533">错误</span>7: 使用内联样式</font></h3>
<p><img alt="" src="http://www.lzlee.com/Upload/20101021223394839.png" /></p>
<p>css最重要的目的只是为了区分文档和样式,如果,你把style写到页面里面,那么完全没有css的作用可言.所以,记住把你的样式放在它该放的位子。<a target="_blank" onfocus="undefined" href="http://lzlee.com/">lzlee</a>: 其实有一些时候用内联的话，比较节省资源</p>
<h3><font color="#000000"><span style="color: #335533">错误</span>8: 把border添加到HTML中</font></h3>
<p><img alt="" src="http://www.lzlee.com/Upload/20101021223412914.png" /></p>
<h3><font color="#000000"><span style="color: #335533">错误</span>9: 没有使用header标签&lt;h1&gt;-&lt;h6&gt;</font></h3>
<p><img alt="" src="http://www.lzlee.com/Upload/20101021223472806.png" /></p>
<p><a target="_blank" onfocus="undefined" href="http://lzlee.com/">lzlee</a>: 让浏览器更能知道哪段是标题，记得用&lt;h1&gt;~&lt;h6&gt;</p>
<h3><font color="#000000"><span style="color: #335533">错误</span>10: 没有语义的 &lt;blink&gt; 或&lt;marquee&gt;</font></h3>
<p><img alt="" src="http://www.lzlee.com/Upload/20101021223505305.png" /></p>
<p>不被w3推荐，&lt;blink&gt;和&lt;marquee&gt; (闪动,滚动)标签是纯粹的丑陋。</p>
</div>]]></description>
		</item>
		
			<item>
			<link>http://www.iamwawa.cn/blog/article.asp?id=83</link>
			<title><![CDATA[什么是SEO，SEM？ SEO与SEM的区别是什么？]]></title>
			<author>azoon@163.com(admin)</author>
			<category><![CDATA[网页设计]]></category>
			<pubDate>Sat,04 Sep 2010 14:04:17 +0800</pubDate>
			<guid>http://www.iamwawa.cn/blog/default.asp?id=83</guid>
		<description><![CDATA[<p><strong><a target="_blank" href="http://www.iamwawa.cn/blog/article.asp?id=83">什么是SEO？</a></strong></p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; SEO（Search Engine Optimization），汉译为搜索引擎优化，为近年来较为流行的网络营销方式，主要目的是增加特定关键字的曝光率以增加网站的能见度，进而增加销售的机会。分为站外SEO和站内SEO两种.SEO的主要工作是通过了解各类搜索引擎如何抓取互联网页面、如何进行索引以及如何确定其对某一特定关键词的搜索结果排名等技术，来对网页进行相关的优化，使其提高搜索引擎排名，从而提高网站访问量，最终提升网站的销售能力或宣传能力的技术。</p>
<p><strong><a target="_blank" href="http://www.iamwawa.cn/blog/article.asp?id=83">什么是SEM？</a></strong></p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; SEM是Search Engine Marketing的缩写，中文意思是搜索引擎营销。SEM是一种新的网络营销形式。SEM所做的就是全面而有效的利用搜索引擎来进行网络营销和推广。SEM追求最高的性价比，以最小的投入，获最大的来自搜索引擎的访问量，并产生商业价值。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; SEM可以在搜索引擎中进行品牌的维护，将品牌的负面信息尽可能少的呈现在搜索用户面前，可以预防竞争对手在网络上恶意的诬陷。同时可以在进行正面和商业信息的推广，进而达到品牌推广的目标！<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; SEM所做的就是全面而有效的利用搜索引擎来进行网络营销和推广。SEM追求最高的性价比，以最小的投入，获最大的来自搜索引擎的访问量，并产生商业价值。<br />
&nbsp; SEM可以在搜索引擎中进行品牌的维护，将品牌的负面信息尽可能少的呈现在搜索用户面前，可以预防竞争对手在网络上恶意的诬陷。同时可以在进行正面和商业信息的推广，进而达到品牌推广的目标。<br />
&nbsp;</p>
<p><strong><a target="_blank" href="http://www.iamwawa.cn/blog/article.asp?id=83">SEO与SEM的区别是什么？</a></strong></p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 目前，SEM正处于发展阶段，它将成为今后专业网站乃至电子商务发展的必经之路。 <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; SEO是属于SEM的一部分，SEM包含了SEO。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; SEO和SEM最主要的是最终目标的不同： <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; SEO主要是为了关键词的排名、网站的流量、网站的结构、搜索引擎中页面收录的数据；<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; SEM是通过SEO技术基础上扩展为搜索引擎中所带来的商业价值，策划有效的网络营销方案，包括一系列的网站运营策略分析，并进行实施，营销效果进行检测。</p>
<p>百度有个专门的SEM http://sem.baidu.com/</p>]]></description>
		</item>
		
			<item>
			<link>http://www.iamwawa.cn/blog/article.asp?id=82</link>
			<title><![CDATA[XHTML标签的嵌套规则]]></title>
			<author>azoon@163.com(admin)</author>
			<category><![CDATA[网页设计]]></category>
			<pubDate>Tue,31 Aug 2010 17:49:47 +0800</pubDate>
			<guid>http://www.iamwawa.cn/blog/default.asp?id=82</guid>
		<description><![CDATA[<p>XHTML 的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong&hellip;&hellip;我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由网站设计师的个人习惯胡乱嵌套&mdash;&mdash;XHTML 必竟不是 XML。<br />
<br />
　　在 XHTML 的语言里，我们都知道：ul 标签包含着 li、dl 标签包含着 dt 和 dd&mdash;&mdash;这些固定标签的嵌套规则十分明确。但是，还有许多标签是独立的，它们没有被捆绑在一起，比如 h1、div、p&hellip;&hellip;那么这些标签的嵌套规则到底是怎样的？今天就来说说这个话题。</p>
<p>　　提到 XHTML 标签的嵌套规则，我们先得知道有这么二类 XHTML 标签，一类叫做 <strong>块级元素</strong>(block)，一类叫做 <strong>内嵌元素</strong>（inline，也有许多人叫它：内联、行内、线级等）。</p>
<p>　　块级元素 和 内嵌元素 的<strong>划分标准</strong>很简单，请把下面二行代码放进 body 标签里：</p>
<p>&lt;div style=&rdquo;border: 1px solid red;&rdquo;&gt;div1&lt;/div&gt;<br />
&lt;div style=&rdquo;border: 1px solid red;&rdquo;&gt;div1&lt;/div&gt;</p>
<p>浏览器的呈现效果：</p>
<div style="border-right: red 1px solid; border-top: red 1px solid; border-left: red 1px solid; border-bottom: red 1px solid">div1</div>
<div style="border-right: red 1px solid; border-top: red 1px solid; border-left: red 1px solid; border-bottom: red 1px solid">div1</div>
<p>&nbsp;</p>
<p>　　页面呈现的这二个 div 占据了二行空间，除非让它们浮动（float）或是进行其他设置，否则谁都不挨着谁，它们都很霸道的占领属于自己的那一行空间&mdash;&mdash;但凡看到某个标签有此现象，你就可以叫它：<strong>块级元素（block）</strong>；</p>
<p>　　再把下面二行代码也放进 body 标签里：</p>
<p>&lt;span style=&rdquo;border: 1px solid red;&rdquo;&gt;span1&lt;/span&gt;<br />
&lt;span style=&rdquo;border: 1px solid red;&rdquo;&gt;span2&lt;/span&gt;</p>
<p>　　浏览器的呈现效果：</p>
<p><span style="border-right: red 1px solid; border-top: red 1px solid; border-left: red 1px solid; border-bottom: red 1px solid">span1</span> <span style="border-right: red 1px solid; border-top: red 1px solid; border-left: red 1px solid; border-bottom: red 1px solid">span1</span></p>
<p>　　这一次，两个 span 并列在一行，它们之间睦邻友好、亲切和谐&hellip;&hellip;像这样的标签行为，我们可以称它们为：<strong>内嵌元素（inline）</strong>;</p>
<p><strong>块级元素和内嵌元素的区别：</strong></p>
<p><strong>　　&middot; 块级元素 </strong>一般用来搭建网站架构、布局、承载内容&hellip;&hellip;像这些大体力活都属于块级元素的，它包括以下这些标签：</p>
<p>div、ul、li、dl、dt、dd、h1~h6、p、address&hellip;&hellip;</p>
<p><strong>　　&middot; 内嵌元素 </strong>一般用在网站内容之中的某些细节或部位，用以&ldquo;强调、区分样式、上标、下标、锚点&rdquo;等等，下面这些标签都属于内嵌元素：</p>
<p>a、span、strong、sub、sup、img&hellip;&hellip;</p>
<p><strong>　　&middot; 块元素 和 内嵌元素</strong> 是可以<strong>互相转换</strong>的，转换的代码如下：</p>
<p>display: block; /* 转成块元素 */</p>
<p>display: inline; /* 转成内嵌元素 */</p>
<p><strong>　　&middot; 块元素 和 内嵌元素</strong> 对于 CSS 的<strong>调用规则</strong>是不一样的（这篇文章讨论的是标签嵌套，所以对这个知识点不展开说明）。</p>
<p>　　简单认识了块元素和内嵌元素以后，下面就可以罗列 <strong>XHTML 标签的嵌套规则</strong>了：</p>
<p><strong>　　1. 块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素</strong>：</p>
<p>&lt;div&gt;&lt;h1&gt;&lt;/h1&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt; &mdash;&mdash; 对<br />
&lt;a href=&rdquo;#&rdquo;&gt;&lt;span&gt;&lt;/span&gt;&lt;/a&gt; &mdash;&mdash; 对<br />
&lt;span&gt;&lt;div&gt;&lt;/div&gt;&lt;/span&gt; &mdash;&mdash; 错</p>
<div>
<p><strong>　　2. 块级元素不能放在&lt;p&gt;里面</strong>：</p>
<p>&lt;p&gt;&lt;ol&gt;&lt;li&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/p&gt; &mdash;&mdash; 错</p>
<p>&lt;p&gt;&lt;div&gt;&lt;/div&gt;&lt;/p&gt; &mdash;&mdash; 错</p>
<p><strong>　　3. 有几个特殊的块级元素只能包含内嵌元素，不能再包含块级元素，这几个特殊的标签是：</strong></p>
<p>h1、h2、h3、h4、h5、h6、p、dt。</p>
<p><strong>　　4. li 内可以包含 div 标签</strong> &mdash;&mdash;&nbsp;这一条其实不必单独列出来的，但是网上许多人对此有些疑惑，就在这里略加说明：</p>
<p>　　li 和 div 标签都是装载内容的容器，地位平等，没有级别之分（例如：h1、h2 这样森严的等级制度^_^），要知道，li 标签连它的父级 ul 或者是 ol 都可以容纳的，为什么有人会觉得 li 偏偏容纳不下一个 div 呢？别把 li 看得那么小气嘛，别看 li 长得挺瘦小，其实 li 的胸襟很大滴&hellip;&hellip;</p>
<p><strong>　　5. 块级元素与块级元素并列、内嵌元素与内嵌元素并列：</strong></p>
<p>&lt;div&gt;&lt;h2&gt;&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt; &mdash;&mdash; 对<br />
&lt;div&gt;&lt;a href=&rdquo;#&rdquo;&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt; &mdash;&mdash; 对</p>
<p>&lt;div&gt;&lt;h2&gt;&lt;/h2&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt; &mdash;&mdash; 错</p>
</div>]]></description>
		</item>
		
			<item>
			<link>http://www.iamwawa.cn/blog/article.asp?id=81</link>
			<title><![CDATA[忍无可忍，终于换空间了！来吧！合租空间！]]></title>
			<author>azoon@163.com(admin)</author>
			<category><![CDATA[生活娱乐]]></category>
			<pubDate>Tue,17 Aug 2010 20:13:06 +0800</pubDate>
			<guid>http://www.iamwawa.cn/blog/default.asp?id=81</guid>
		<description><![CDATA[忍无可忍，终于换空间了！<br/>&nbsp;&nbsp;&nbsp;&nbsp;最近网站空间极其的不稳定，用到ACCESS数据库的页面，打开需要30秒以上，谁能忍？浏览者10秒打不开就关了。有时候就普通的ASP页面打开也超慢。<br/>&nbsp;&nbsp;&nbsp;&nbsp;究竟什么问题？我网站的程序绝对没问题，网站都用了3年了，一直好好的。每个文件都检查了，没木马。于是把问题转移到空间上，我一查同IP上的站点信息时，我呆了，竟然有168个网站在这个空间上。我晕！几个天前明明只有80个的。肯定是空间商把两个空间的网站堆到一起了。一些垃圾网站把资源都耗光了。问客服，Q她，没反应，震她，没反应。我晕，你当什么客服啊，来挂Q的啊。于是在空间管理后台上提交问题，一天后，回复了：你的网站，没问题，以可以正常访问、、、、 这时我已经对这个使用了3年的空间失去信心了。决定换！！！<br/>&nbsp;&nbsp;&nbsp;&nbsp;网上搜索，问好友，经过很久的挣扎，最后选了“九二合租”20人合租套餐。660元一年。。。贵是贵了点，但是服务和空间确实很不错！（我说实话，不要把我当**）<br/>&nbsp;&nbsp;&nbsp;&nbsp;要知道空间就是网站的身体，域名是网站的灵魂！没有好的身体就是废人一个。选择一个好的空间，才能有一个好的网站！（废话-.-）<br/>&nbsp;&nbsp;&nbsp;&nbsp;我这个网站开了3年了，不要说赚钱，我觉得那是飘渺虚无的。我只想把这个网站做好，能方便网友就行了。回想起来刚刚开网站的时候，每天就20多IP，慢慢的，慢慢的，人越来越多了。真是一个好令人陶醉的过程。<br/>&nbsp;&nbsp; 好了，牢骚发完了。。。没几个人会全部看完吧。至于以前那个空间商我就不点全面名了，数字XX，你够黑的。最后推荐一下“九二合租”，服务真的不错。客服反应很快。]]></description>
		</item>
		
</channel>
</rss>

