<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule">

<channel>
	<title>Challenge everything! &#187; Web</title>
	<atom:link href="http://blogs.gnome.org/raywang/category/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://blogs.gnome.org/raywang</link>
	<description>Ray Wang&#039;s notes</description>
	<lastBuildDate>Mon, 30 May 2011 03:11:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<creativeCommons:license>http://creativecommons.org/licenses/by/3.0/</creativeCommons:license>		<item>
		<title>在bugzilla中，设置提交一个bug的默认描述</title>
		<link>http://blogs.gnome.org/raywang/2007/12/12/%e5%9c%a8bugzilla%e4%b8%ad%ef%bc%8c%e8%ae%be%e7%bd%ae%e6%8f%90%e4%ba%a4%e4%b8%80%e4%b8%aabug%e7%9a%84%e9%bb%98%e8%ae%a4%e6%8f%8f%e8%bf%b0/</link>
		<comments>http://blogs.gnome.org/raywang/2007/12/12/%e5%9c%a8bugzilla%e4%b8%ad%ef%bc%8c%e8%ae%be%e7%bd%ae%e6%8f%90%e4%ba%a4%e4%b8%80%e4%b8%aabug%e7%9a%84%e9%bb%98%e8%ae%a4%e6%8f%8f%e8%bf%b0/#comments</comments>
		<pubDate>Wed, 12 Dec 2007 06:21:00 +0000</pubDate>
		<dc:creator>raywang</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://raywang.yo2.cn/articles/%e5%9c%a8bugzilla%e4%b8%ad%ef%bc%8c%e8%ae%be%e7%bd%ae%e6%8f%90%e4%ba%a4%e4%b8%80%e4%b8%aabug%e7%9a%84%e9%bb%98%e8%ae%a4%e6%8f%8f%e8%bf%b0.html</guid>
		<description><![CDATA[&#60;br&#62; <a href="http://blogs.gnome.org/raywang/2007/12/12/%e5%9c%a8bugzilla%e4%b8%ad%ef%bc%8c%e8%ae%be%e7%bd%ae%e6%8f%90%e4%ba%a4%e4%b8%80%e4%b8%aabug%e7%9a%84%e9%bb%98%e8%ae%a4%e6%8f%8f%e8%bf%b0/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>修改  bugzilla/template/en/default/bug/create/create.html.tmpl模板<br />
找到Description的&lt;textarea&gt;域，然后加入相应的提示描述。我的是：</p>
<p>Description of problem:</p>
<p>Version-Release number of selected component (if applicable):</p>
<p>How reproducible:</p>
<p>Steps to Reproduce:<br />
1.<br />
2.<br />
3.</p>
<p>Actual results:</p>
<p>Expected results:</p>
<p>Additional info:</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.gnome.org/raywang/2007/12/12/%e5%9c%a8bugzilla%e4%b8%ad%ef%bc%8c%e8%ae%be%e7%bd%ae%e6%8f%90%e4%ba%a4%e4%b8%80%e4%b8%aabug%e7%9a%84%e9%bb%98%e8%ae%a4%e6%8f%8f%e8%bf%b0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS 菜单举一反三</title>
		<link>http://blogs.gnome.org/raywang/2007/11/07/css-%e8%8f%9c%e5%8d%95%e4%b8%be%e4%b8%80%e5%8f%8d%e4%b8%89/</link>
		<comments>http://blogs.gnome.org/raywang/2007/11/07/css-%e8%8f%9c%e5%8d%95%e4%b8%be%e4%b8%80%e5%8f%8d%e4%b8%89/#comments</comments>
		<pubDate>Wed, 07 Nov 2007 01:45:00 +0000</pubDate>
		<dc:creator>raywang</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://raywang.yo2.cn/articles/css-%e8%8f%9c%e5%8d%95%e4%b8%be%e4%b8%80%e5%8f%8d%e4%b8%89.html</guid>
		<description><![CDATA[&#60;br&#62; <a href="http://blogs.gnome.org/raywang/2007/11/07/css-%e8%8f%9c%e5%8d%95%e4%b8%be%e4%b8%80%e5%8f%8d%e4%b8%89/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>转自： http://www.blueidea.com/tech/site/2006/3658.asp</p>
<p>例子一.</p>
<p>运行代码框:<br />
&lt;!DOCTYPE html PUBliC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; </p>
<p>&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;<br />
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; lang=&quot;zh-CN&quot;&gt;<br />
&lt;head&gt;<br />
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /&gt;<br />
&lt;title&gt;css菜单演示&lt;/title&gt;</p>
<p>
&lt;style type=&quot;text/css&quot;&gt;<br />
&lt;!&#8211;</p>
<p>*{margin:0;padding:0;border:0;}<br />
body {<br />
font-family: arial, 宋体, serif;<br />
font-size:12px;<br />
}</p>
<p>
#nav {<br />
line-height: 24px;  list-style-type: none; background:#666;<br />
}</p>
<p>#nav a {<br />
display: block; width: 80px; text-align:center;<br />
}</p>
<p>#nav a:link  {<br />
color:#666; text-decoration:none;<br />
}<br />
#nav a:visited  {<br />
color:#666;text-decoration:none;<br />
}<br />
#nav a:hover  {<br />
color:#FFF;text-decoration:none;font-weight:bold;<br />
}</p>
<p>#nav li {<br />
float: left; width: 80px; background:#CCC;<br />
}<br />
#nav li a:hover{<br />
background:#999;<br />
}<br />
#nav li ul {<br />
line-height: 27px;  list-style-type: none;text-align:left;<br />
left: -999em; width: 180px; position: absolute; <br />
}<br />
#nav li ul li{<br />
float: left; width: 180px;<br />
background: #F6F6F6; <br />
}</p>
<p>
#nav li ul a{<br />
display: block; width: 180px;w\idth: 156px;text-align:left;padding-left:24px;<br />
}</p>
<p>#nav li ul a:link  {<br />
color:#666; text-decoration:none;<br />
}<br />
#nav li ul a:visited  {<br />
color:#666;text-decoration:none;<br />
}<br />
#nav li ul a:hover  {<br />
color:#F3F3F3;text-decoration:none;font-weight:normal;<br />
background:#C00;<br />
}</p>
<p>#nav li:hover ul {<br />
left: auto;<br />
}<br />
#nav li.sfhover ul {<br />
left: auto;<br />
}<br />
#content {<br />
clear: left; <br />
}</p>
<p>
&#8211;&gt;<br />
&lt;/style&gt;</p>
<p>&lt;script type=text/javascript&gt;&lt;!&#8211;//&#8211;&gt;&lt;![CDATA[//&gt;&lt;!--<br />
function menuFix() {<br />
var sfEls = document.getElementById(&quot;nav&quot;).getElementsByTagName(&quot;li&quot;);<br />
for (var i=0; i&lt;sfEls.length; i++) {<br />
sfEls[i].onmouseover=function() {<br />
this.className+=(this.className.length&gt;0? &quot; &quot;: &quot;&quot;) + &quot;sfhover&quot;;<br />
}<br />
sfEls[i].onMouseDown=function() {<br />
this.className+=(this.className.length&gt;0? &quot; &quot;: &quot;&quot;) + &quot;sfhover&quot;;<br />
}<br />
sfEls[i].onMouseUp=function() {<br />
this.className+=(this.className.length&gt;0? &quot; &quot;: &quot;&quot;) + &quot;sfhover&quot;;<br />
}<br />
sfEls[i].onmouseout=function() {<br />
this.className=this.className.replace(new RegExp(&quot;( ?|^)sfhover\\b&quot;), </p>
<p>&quot;&quot;);<br />
}<br />
}<br />
}<br />
window.onload=menuFix;</p>
<p>//&#8211;&gt;&lt;!]]&gt;&lt;/script&gt;</p>
<p>&lt;/head&gt;<br />
&lt;body&gt;</p>
<p>
&lt;ul id=&quot;nav&quot;&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品介绍&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务介绍&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二服务二服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;成功案例&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;案例三&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;案例&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;案例三案例三&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;案例三案例三案例三&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;关于我们&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;我们四&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;我们四&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;我们四&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;我们四111&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;</p>
<p>&lt;li&gt;&lt;a href=&quot;#&quot;&gt;在线演示&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示演示演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示演示演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示演示演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示演示演示演示演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系我们&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系联系联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;</p>
<p>&lt;/ul&gt;</p>
<p>&lt;/body&gt;<br />
&lt;/html&gt;</p>
<p>举一反三：<br />
例子二。<br />
变成水平方向</p>
<p>运行代码框：<br />
&lt;!DOCTYPE html PUBliC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; </p>
<p>&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;<br />
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; lang=&quot;zh-CN&quot;&gt;<br />
&lt;head&gt;<br />
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /&gt;<br />
&lt;title&gt;css菜单演示&lt;/title&gt;</p>
<p>
&lt;style type=&quot;text/css&quot;&gt;<br />
&lt;!&#8211;</p>
<p>*{margin:0;padding:0;border:0;}<br />
body {<br />
font-family: arial, 宋体, serif;<br />
font-size:12px;<br />
}</p>
<p>
#nav {<br />
line-height: 24px;  list-style-type: none; background:#666;   width:80px;<br />
}</p>
<p>#nav a {<br />
display: block; width: 80px; text-align:center;<br />
}</p>
<p>#nav a:link  {<br />
color:#666; text-decoration:none;<br />
}<br />
#nav a:visited  {<br />
color:#666;text-decoration:none;<br />
}<br />
#nav a:hover  {<br />
color:#FFF;text-decoration:none;font-weight:bold;<br />
}</p>
<p>#nav li {<br />
/*float: left*/; width: 80px; background:#CCC;<br />
}<br />
#nav li a:hover{<br />
background:#999;<br />
}<br />
#nav li ul {<br />
line-height: 27px;  list-style-type: none;text-align:left;<br />
left: -999em; width: 180px; position: absolute; <br />
}<br />
#nav li ul li{<br />
float: left; width: 180px;<br />
background: #F6F6F6; <br />
}</p>
<p>
#nav li ul a{<br />
display: block; width: 180px;w\idth: 156px;text-align:left;padding-left:24px;<br />
}</p>
<p>#nav li ul a:link  {<br />
color:#666; text-decoration:none;<br />
}<br />
#nav li ul a:visited  {<br />
color:#666;text-decoration:none;<br />
}<br />
#nav li ul a:hover  {<br />
color:#F3F3F3;text-decoration:none;font-weight:normal;<br />
background:#C00;<br />
}</p>
<p>#nav li:hover ul {<br />
left: auto;<br />
}<br />
#nav li.sfhover ul {<br />
left: auto;<br />
}<br />
#nav li.sfhover a {<br />
float:left;<br />
}<br />
#content {<br />
clear: left; <br />
}</p>
<p>
&#8211;&gt;<br />
&lt;/style&gt;</p>
<p>&lt;script type=text/javascript&gt;&lt;!&#8211;//&#8211;&gt;&lt;![CDATA[//&gt;&lt;!--<br />
function menuFix() {<br />
var sfEls = document.getElementById(&quot;nav&quot;).getElementsByTagName(&quot;li&quot;);<br />
for (var i=0; i&lt;sfEls.length; i++) {<br />
sfEls[i].onmouseover=function() {<br />
this.className+=(this.className.length&gt;0? &quot; &quot;: &quot;&quot;) + &quot;sfhover&quot;;<br />
}<br />
sfEls[i].onMouseDown=function() {<br />
this.className+=(this.className.length&gt;0? &quot; &quot;: &quot;&quot;) + &quot;sfhover&quot;;<br />
}<br />
sfEls[i].onMouseUp=function() {<br />
this.className+=(this.className.length&gt;0? &quot; &quot;: &quot;&quot;) + &quot;sfhover&quot;;<br />
}<br />
sfEls[i].onmouseout=function() {<br />
this.className=this.className.replace(new RegExp(&quot;( ?|^)sfhover\\b&quot;), </p>
<p>&quot;&quot;);<br />
}<br />
}<br />
}<br />
window.onload=menuFix;</p>
<p>//&#8211;&gt;&lt;!]]&gt;&lt;/script&gt;</p>
<p>&lt;/head&gt;<br />
&lt;body&gt;</p>
<p>
&lt;ul id=&quot;nav&quot;&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品介绍&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务介绍&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二服务二服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;成功案例&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;案例三&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;案例&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;案例三案例三&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;案例三案例三案例三&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;关于我们&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;我们四&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;我们四&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;我们四&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;我们四111&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;</p>
<p>&lt;li&gt;&lt;a href=&quot;#&quot;&gt;在线演示&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示演示演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示演示演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示演示演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示演示演示演示演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系我们&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系联系联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;</p>
<p>&lt;/ul&gt;</p>
<p>&lt;/body&gt;<br />
&lt;/html&gt;</p>
<p>例子2 <br />
弹簧式</p>
<p>运行代码框：<br />
&lt;!DOCTYPE html PUBliC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; </p>
<p>&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;<br />
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; lang=&quot;zh-CN&quot;&gt;<br />
&lt;head&gt;<br />
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /&gt;<br />
&lt;title&gt;css菜单演示&lt;/title&gt;</p>
<p>
&lt;style type=&quot;text/css&quot;&gt;<br />
&lt;!&#8211;</p>
<p>*{margin:0;padding:0;border:0;}<br />
body {<br />
font-family: arial, 宋体, serif;<br />
font-size:12px;<br />
}</p>
<p>
#nav {<br />
line-height: 24px;  list-style-type: none; background:#666;   width:80px;<br />
}</p>
<p>#nav a {<br />
display: block; width: 80px; text-align:center;<br />
}</p>
<p>#nav a:link  {<br />
color:#666; text-decoration:none;<br />
}<br />
#nav a:visited  {<br />
color:#666;text-decoration:none;<br />
}<br />
#nav a:hover  {<br />
color:#FFF;text-decoration:none;font-weight:bold;<br />
}</p>
<p>#nav li {<br />
/*float: left*/; width: 80px; background:#CCC;<br />
}<br />
#nav li a:hover{<br />
background:#999;<br />
}<br />
#nav li ul {<br />
line-height: 27px;  list-style-type: none;text-align:left;<br />
left: -999em; width: 80px; position: absolute; <br />
}<br />
#nav li ul li{<br />
float: left; width: 80px;<br />
background: #F6F6F6; <br />
}</p>
<p>
#nav li ul a{<br />
display: block; width: 80px;w\idth:56px;text-align:left;padding-left:24px;<br />
}</p>
<p>#nav li ul a:link  {<br />
color:#666; text-decoration:none;<br />
}<br />
#nav li ul a:visited  {<br />
color:#666;text-decoration:none;<br />
}<br />
#nav li ul a:hover  {<br />
color:#F3F3F3;text-decoration:none;font-weight:normal;<br />
background:#C00;<br />
}</p>
<p>#nav li:hover ul {<br />
left: auto;<br />
}<br />
#nav li.sfhover ul {<br />
left: auto;position:static;<br />
}<br />
#content {<br />
clear: left; <br />
}</p>
<p>
&#8211;&gt;<br />
&lt;/style&gt;</p>
<p>&lt;script type=text/javascript&gt;&lt;!&#8211;//&#8211;&gt;&lt;![CDATA[//&gt;&lt;!--<br />
function menuFix() {<br />
var sfEls = document.getElementById(&quot;nav&quot;).getElementsByTagName(&quot;li&quot;);<br />
for (var i=0; i&lt;sfEls.length; i++) {<br />
sfEls[i].onmouseover=function() {<br />
this.className+=(this.className.length&gt;0? &quot; &quot;: &quot;&quot;) + &quot;sfhover&quot;;<br />
}<br />
sfEls[i].onMouseDown=function() {<br />
this.className+=(this.className.length&gt;0? &quot; &quot;: &quot;&quot;) + &quot;sfhover&quot;;<br />
}<br />
sfEls[i].onMouseUp=function() {<br />
this.className+=(this.className.length&gt;0? &quot; &quot;: &quot;&quot;) + &quot;sfhover&quot;;<br />
}<br />
sfEls[i].onmouseout=function() {<br />
this.className=this.className.replace(new RegExp(&quot;( ?|^)sfhover\\b&quot;), </p>
<p>&quot;&quot;);<br />
}<br />
}<br />
}<br />
window.onload=menuFix;</p>
<p>//&#8211;&gt;&lt;!]]&gt;&lt;/script&gt;</p>
<p>&lt;/head&gt;<br />
&lt;body&gt;</p>
<p>
&lt;ul id=&quot;nav&quot;&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品介绍&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;产品一&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务介绍&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二服务二服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;服务二&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;成功案例&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;案例三&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;案例&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;案例三案例三&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;案例三案例三案例三&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;关于我们&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;我们四&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;我们四&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;我们四&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;我们四111&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;</p>
<p>&lt;li&gt;&lt;a href=&quot;#&quot;&gt;在线演示&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示演示演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示演示演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示演示演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;演示演示演示演示演示&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系我们&lt;/a&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系联系联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;联系联系联系&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/li&gt;</p>
<p>&lt;/ul&gt;</p>
<p>&lt;/body&gt;<br />
&lt;/html&gt;</p>
<p>例子3<br />
二级菜单为水平的</p>
<p>运行代码框：<br />
&lt;!DOCTYPE html PUBliC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; </p>
<p>&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;<br />
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; lang=&quot;zh-CN&quot;&gt;<br />
&lt;head&gt;<br />
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /&gt;<br />
&lt;title&gt;css菜单演示&lt;/title&gt;</p>
<p>
&lt;style type=&quot;text/css&quot;&gt;<br />
&lt;!&#8211;</p>
<p>*{margin:0;padding:0;border:0;}<br />
body {<br />
font-family: arial, 宋体, serif;<br />
font-size:12px;<br />
}</p>
<p>
#nav {<br />
line-height: 24px;  list-style-type: none; background:#666;<br />
}</p>
<p>#nav a {<br />
display: block; width: 80px; text-align:center;<br />
}</p>
<p>#nav a:link  {<br />
color:#666; text-decoration:none;<br />
}<br />
#nav a:visited  {<br />
color:#666;text-decoration:none;<br />
}<br />
#nav a:hover  {<br />
color:#FFF;text-decoration:none;font-weight:bold;<br />
}</p>
<p>#nav li {<br />
float: left; width: 80px; background:#CCC;<br />
}<br />
#nav li a:hover{<br />
background:#999;<br />
}<br />
#nav li ul {<br />
line-height: 27px;  list-style-type: none;text-align:left;<br />
left: -999em; width: 980px; position: absolute; float:left;<br />
}<br />
#nav li ul &#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.gnome.org/raywang/2007/11/07/css-%e8%8f%9c%e5%8d%95%e4%b8%be%e4%b8%80%e5%8f%8d%e4%b8%89/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>添加地址栏小图标</title>
		<link>http://blogs.gnome.org/raywang/2007/11/02/%e6%b7%bb%e5%8a%a0%e5%9c%b0%e5%9d%80%e6%a0%8f%e5%b0%8f%e5%9b%be%e6%a0%87/</link>
		<comments>http://blogs.gnome.org/raywang/2007/11/02/%e6%b7%bb%e5%8a%a0%e5%9c%b0%e5%9d%80%e6%a0%8f%e5%b0%8f%e5%9b%be%e6%a0%87/#comments</comments>
		<pubDate>Fri, 02 Nov 2007 03:57:00 +0000</pubDate>
		<dc:creator>raywang</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://raywang.yo2.cn/articles/%e6%b7%bb%e5%8a%a0%e5%9c%b0%e5%9d%80%e6%a0%8f%e5%b0%8f%e5%9b%be%e6%a0%87.html</guid>
		<description><![CDATA[&#60;br&#62; <a href="http://blogs.gnome.org/raywang/2007/11/02/%e6%b7%bb%e5%8a%a0%e5%9c%b0%e5%9d%80%e6%a0%8f%e5%b0%8f%e5%9b%be%e6%a0%87/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>摘自:http://forum.ubuntu.org.cn//weblog.php?w=150</p>
<p>先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。</p>
<p>在HTML源文件&ldquo;&lt;head&gt;&lt;/head&gt;&rdquo;之间添加如下代码：&lt;link rel=&quot;SHORTCUT ICON&quot; href=&quot;/favicon.ico&quot; type=&quot;image/x-icon&quot;&gt;</p>
<p>其中的&ldquo;SHORTCUT ICON&rdquo;即为该图标的名称。当然如果用户使用IE5或以上版本浏览时，就更简单了，只需将图片上传到网站根目录下，存为favicon.ico，即可自动识别！</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.gnome.org/raywang/2007/11/02/%e6%b7%bb%e5%8a%a0%e5%9c%b0%e5%9d%80%e6%a0%8f%e5%b0%8f%e5%9b%be%e6%a0%87/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Meta标签详解</title>
		<link>http://blogs.gnome.org/raywang/2007/10/11/meta%e6%a0%87%e7%ad%be%e8%af%a6%e8%a7%a3/</link>
		<comments>http://blogs.gnome.org/raywang/2007/10/11/meta%e6%a0%87%e7%ad%be%e8%af%a6%e8%a7%a3/#comments</comments>
		<pubDate>Thu, 11 Oct 2007 06:49:00 +0000</pubDate>
		<dc:creator>raywang</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://raywang.yo2.cn/articles/meta%e6%a0%87%e7%ad%be%e8%af%a6%e8%a7%a3.html</guid>
		<description><![CDATA[&#60;br&#62; <a href="http://blogs.gnome.org/raywang/2007/10/11/meta%e6%a0%87%e7%ad%be%e8%af%a6%e8%a7%a3/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>有用的东西，转自：http://hi.baidu.com/skychen1900/blog/item/afd46a89b61f62b10f24440d.html</p>
<p>META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的&lt;HEAD&gt;标记和&lt;TITLE&gt;标记 之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者， 设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等。</p>
<p>　　详细介绍 </p>
<p>
下面介绍一些有关 标记的例子及解释。 </p>
<p>
META标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 </p>
</p>
<p>　　★HTTP-EQUIV </p>
<p>
HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有： </p>
</p>
<p>　　1、Content-Type和Content-Language (显示字符集的设定) </p>
<p>
说明：设定页面使用的字符集，用以说明主页制作所使用的文字已经语言，浏览器会根据此来调用相应的字符集显示page内容。 </p>
<p>
用法：&lt;Meta http-equiv=&quot;Content-Type&quot; Content=&quot;text/html; Charset=gb2312&quot;&gt;<br />
&lt;Meta http-equiv=&quot;Content-Language&quot; Content=&quot;zh-CN&quot;&gt; </p>
<p>
注意：　该META标签定义了HTML页面所使用的字符集为GB2132，就是国标汉字码。如果将其中的&ldquo;charset= GB2312&rdquo;替换成&ldquo;BIG5&rdquo;，则该页面所用的字符集就是繁体中文Big5码。当你浏览一些国外的站点时，IE浏览器会提示你要正确显示该页面需要下 载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相 应的字符集，则IE就提示下载。其他的语言也对应不同的charset，比如日文的字符集是&ldquo;iso-2022-jp &rdquo;，韩文的是&ldquo;ks_c_5601&rdquo;。</p>
<p>Content-Type的Content还可以是：text/xml等文档类型；<br />
Charset选项：ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集；Content-Language的Content还可以是：EN、FR等语言代码。 </p>
<p>
2、Refresh (刷新) </p>
<p>
说明：让网页多长时间（秒）刷新自己，或在多长时间后让网页自动链接到其它网页。<br />
用法：&lt;Meta http-equiv=&quot;Refresh&quot; Content=&quot;30&quot;&gt;<br />
&lt;Meta http-equiv=&quot;Refresh&quot; Content=&quot;5; Url=http://www.xia8.net&quot;&gt;<br />
注意：其中的5是指停留5秒钟后自动刷新到URL网址。 </p>
<p>
3、Expires (期限) </p>
<p>
说明：指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。<br />
用法：&lt;Meta http-equiv=&quot;Expires&quot; Content=&quot;0&quot;&gt;<br />
&lt;Meta http-equiv=&quot;Expires&quot; Content=&quot;Wed, 26 Feb 1997 08:21:57 GMT&quot;&gt;<br />
注意：必须使用GMT的时间格式，或直接设为0(数字表示多少时间后过期)。 </p>
<p>
4、Pragma (cach模式) </p>
<p>
说明：禁止浏览器从本地机的缓存中调阅页面内容。<br />
用法：&lt;Meta http-equiv=&quot;Pragma&quot; Content=&quot;No-cach&quot;&gt;<br />
注意：网页不保存在缓存中，每次访问都刷新页面。这样设定，访问者将无法脱机浏览。 </p>
<p>
5、Set-Cookie (cookie设定) </p>
<p>
说明：浏览器访问某个页面时会将它存在缓存中，下次再次访问时就可从缓存中读取，以提高速度。当你希望访问者每次都刷新你广告的图标， 或每次都刷新你的计数器，就要禁用缓存了。通常HTML文件没有必要禁用缓存，对于ASP等页面，就可以使用禁用缓存，因为每次看到的页面都是在服务器动 态生成的，缓存就失去意义。如果网页过期，那么存盘的cookie将被删除。<br />
用法：&lt;Meta http-equiv=&quot;Set-Cookie&quot; Content=&quot;cookievalue=xxx; expires=Wednesday,<br />
21-Oct-98 16:14:21 GMT; path=/&quot;&gt;<br />
注意：必须使用GMT的时间格式。 </p>
<p>
6、Window-target (显示窗口的设定) </p>
<p>
说明：强制页面在当前窗口以独立页面显示。<br />
用法：&lt;Meta http-equiv=&quot;Widow-target&quot; Content=&quot;_top&quot;&gt;<br />
注意：这个属性是用来防止别人在框架里调用你的页面。Content选项：_blank、_top、_self、_parent。 </p>
<p>
7、Pics-label (网页RSAC等级评定)<br />
说明：在IE的Internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级<br />
别就是通过该参数来设置的。<br />
用法：&lt;META http-equiv=&quot;Pics-label&quot; Contect=<br />
&quot;(PICS－1.1&#8242;http://www.rsac.org/ratingsv01.html&#8217;<br />
I gen comment &#8216;RSACi North America Sever&#8217; by <a href="mailto:%27inet@microsoft.com%27">&#8216;inet@microsoft.com&#8217;</a> <br />
for &#8216;http://www.microsoft.com&#8217; on &#8217;1997.06.30T14:21－0500&#8242; r(n0 s0 v0 l0))&quot;&gt; </p>
<p>
注意：不要将级别设置的太高。RSAC的评估系统提供了一种用来评价Web站点内容的标准。用户可以设置Microsoft Internet Explorer（IE3.0以上）来排除包含有色情和暴力内容的站点。上面这个例子中的HTML取自Microsoft的主页。代码中的（n 0 s 0 v 0 l 0）表示该站点不包含不健康内容。级别的评定是由RSAC，即美国娱乐委员会的评级机构评定的，如果你想进一步了解RSAC评估系统的等级内容，或者你需 要评价自己的网站，可以访问RSAC的站点：<a href="http://www.rsac.org/">http://www.rsac.org/</a>。 </p>
<p>
8、Page-Enter、Page-Exit (进入与退出) </p>
<p>
说明：这个是页面被载入和调出时的一些特效。<br />
用法：&lt;Meta http-equiv=&quot;Page-Enter&quot; Content=&quot;blendTrans(Duration=0.5)&quot;&gt;<br />
&lt;Meta http-equiv=&quot;Page-Exit&quot; Content=&quot;blendTrans(Duration=0.5)&quot;&gt;<br />
注意：blendTrans是动态滤镜的一种，产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果: </p>
<p>
&lt;Meta http-equiv=&quot;Page-Enter&quot; Content=&quot;revealTrans(duration=x, transition=y)&quot;&gt;<br />
&lt;Meta http-equiv=&quot;Page-Exit&quot; Content=&quot;revealTrans(duration=x, transition=y)&quot;&gt; </p>
<p>
Duration　　表示滤镜特效的持续时间(单位：秒)<br />
Transition　滤镜类型。表示使用哪种特效，取值为0-23。 </p>
<p>
0 矩形缩小<br />
1 矩形扩大<br />
2 圆形缩小<br />
3 圆形扩大<br />
4 下到上刷新<br />
5 上到下刷新<br />
6 左到右刷新<br />
7 右到左刷新<br />
8 竖百叶窗<br />
9 横百叶窗<br />
10 错位横百叶窗<br />
11 错位竖百叶窗<br />
12 点扩散<br />
13 左右到中间刷新<br />
14 中间到左右刷新<br />
15 中间到上下<br />
16 上下到中间<br />
17 右下到左上<br />
18 右上到左下<br />
19 左上到右下<br />
20 左下到右上<br />
21 横条<br />
22 竖条<br />
23 以上22种随机选择一种 </p>
<p>
9、MSThemeCompatible (XP主题)<br />
说明：是否在IE中关闭 xp 的主题<br />
用法：&lt;Meta http-equiv=&quot;MSThemeCompatible&quot; Content=&quot;Yes&quot;&gt;<br />
注意：关闭 xp 的蓝色立体按钮系统显示样式，从而和win2k 很象。 </p>
<p>
10、IE6 (页面生成器)<br />
说明：页面生成器generator，是ie6<br />
用法：&lt;Meta http-equiv=&quot;IE6&quot; Content=&quot;Generator&quot;&gt;<br />
注意：用什么东西做的，类似商品出厂厂商。 </p>
<p>
11、Content-Script-Type (脚本相关)<br />
说明：这是近来W3C的规范，指明页面中脚本的类型。<br />
用法：&lt;Meta http-equiv=&quot;Content-Script-Type&quot; Content=&quot;text/javascript&quot;&gt;<br />
注意： </p>
<p>
★NAME变量 </p>
<p>
name是描述网页的，对应于Content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。<br />
name的value值（name=&quot;&quot;）指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值，如：creationdate(创建日期) 、<br />
document ID(文档编号)和level(等级)等。<br />
name的content指定实际内容。如：如果指定level(等级)为value(值)，则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。 </p>
</p>
<p>　　1、Keywords (关键字)<br />
说明：为搜索引擎提供的关键字列表<br />
用法：&lt;Meta name=&quot;Keywords&quot; Content=&quot;关键词1,关键词2，关键词3,关键词4,&hellip;&hellip;&quot;&gt;<br />
注意：各关键词间用英文逗号&ldquo;,&rdquo;隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如：<br />
&lt;Meta name=&quot;Kyewords&quot; Lang=&quot;EN&quot; Content=&quot;vacation,greece,sunshine&quot;&gt;<br />
&lt;Meta name=&quot;Kyewords&quot; Lang=&quot;FR&quot; Content=&quot;vacances,gr&egrave;:ce,soleil&quot;&gt; </p>
<p>
2、Description (简介)<br />
说明：Description用来告诉搜索引擎你的网站主要内容。<br />
用法：&lt;Meta name=&quot;Description&quot; Content=&quot;你网页的简述&quot;&gt;<br />
注意： </p>
<p>
3、Robots (机器人向导)<br />
说明：Robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。<br />
用法：&lt;Meta name=&quot;Robots&quot; Content=&quot;All|None|Index|Noindex|Follow|Nofollow&quot;&gt;<br />
注意：许多搜索引擎都通过放出robot/spider搜索来登录网站，这些robot/spider就要用到meta元素的一些特性来决定怎样登录。 </p>
<p>
all：文件将被检索，且页面上的链接可以被查询；<br />
none：文件将不被检索，且页面上的链接不可以被查询；(和 &quot;noindex, no follow&quot; 起相同作用)<br />
index：文件将被检索；（让robot/spider登录）<br />
follow：页面上的链接可以被查询；<br />
noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)<br />
nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找) </p>
<p>
4、Author (作者)<br />
说明：标注网页的作者或制作组<br />
用法：&lt;Meta name=&quot;Author&quot; Content=&quot;张三，<a href="mailto:abc@sina.com">abc@sina.com</a>&quot;&gt;<br />
注意：Content可以是：你或你的制作组的名字,或Email </p>
<p>
5、Copyright (版权)<br />
说明：标注版权<br />
用法：&lt;Meta name=&quot;Copyright&quot; Content=&quot;本页版权归Zerospace所有。All Rights Reserved&quot;&gt;<br />
注意： </p>
<p>
6、Generator (编辑器)<br />
说明：编辑器的说明<br />
用法：&lt;Meta name=&quot;Generator&quot; Content=&quot;PCDATA|FrontPage|&quot;&gt;<br />
注意：Content=&quot;你所用编辑器&quot; </p>
<p>
7、revisit-after (重访)<br />
说明：<br />
用法：&lt;META name=&quot;revisit-after&quot; CONTENT=&quot;7 days&quot; &gt;<br />
注意： </p>
<p>
★Head中的其它一些用法 </p>
</p>
<p>　　1、scheme (方案)<br />
说明：scheme can be used when name is used to specify how the value of content should<br />
be interpreted.<br />
用法：&lt;meta scheme=&quot;ISBN&quot; name=&quot;identifier&quot; content=&quot;0-14-043205-1&quot; /&gt;<br />
注意： </p>
<p>
2、Link (链接)<br />
说明：链接到文件<br />
用法：&lt;Link href=&quot;soim.ico&quot; rel=&quot;Shortcut Icon&quot;&gt;<br />
注意：很多网站如果你把她保存在收件夹中后，会发现它连带着一个小图标，如果再次点击进入之后还会发现地址栏中也有个小图标。现在只要在你的页头加上 这段话，就能轻松实现这一功能。&lt;LINK&gt; 用来将目前文件与其它 URL 作连结，但不会有连结按钮，用於 &lt;HEAD&gt; 标记间， 格式如下： <br />
&lt;link href=&quot;URL&quot; rel=&quot;relationship&quot;&gt; <br />
&lt;link href=&quot;URL&quot; rev=&quot;relationship&quot;&gt; </p>
<p>
3、Base (基链接)<br />
说明：插入网页基链接属性<br />
用法：&lt;Base href=&quot;<a href="http://www.xia8.net/">http://www.xia8.net/</a>&quot; target=&quot;_blank&quot;&gt;<br />
注意：你网页上的所有相对路径在链接时都将在前面加上&ldquo;http://www.cn8cn.com/&rdquo;。其中target=&quot;_blank&quot;是链接文 件在新的窗口中打开，你可以做其他设置。将&ldquo;_blank&rdquo;改为&ldquo;_parent&rdquo;是链接文件将在当前窗口的父级窗口中打开；改为&ldquo;_self&rdquo;链接文件 在当前窗口（帧）中打开；改为&ldquo;_top&rdquo;链接文件全屏显示。 </p>
</p>
<p>　　以上是META标签的一些基本用法，其中最重要的就是：Keywords和Description的设定。为什么呢？道理很简单，这两个语句可 以让搜索引擎能准确的发现你，吸引更多的人访问你的站点!根据现在流行搜索引擎(Google，Lycos，AltaVista等)的工作原理，搜索引擎 先派机器人自动在WWW上搜索，当发现新的网站时，便于检索页面中的Keywords和Description，并将其加入到自己的数据库，然后再根据关 键词的密度将网站排序。 </p>
<p>
由此看来，我们必须记住添加Keywords和Description的META标签，并尽可能写好关键字和简介。否则，<br />
后果就会是：</p>
<p>●　如果你的页面中根本没有Keywords和Description的META标签，那么机器人是无法将你的站点加入数<br />
据库，网友也就不可能搜索到你的站点。 </p>
<p>
●　如果你的关键字选的不好，关键字的密度不高，被排列在几十甚至几百万个站点的后面被点击的可<br />
能性也是非常小的。 </p>
<p>
写好Keywords(关键字)要注意以下几点： </p>
</p>
<p>●　不要用常见词汇。例如www、homepage、net、web等。 </p>
<p>
●　不要用形容词，副词。例如最好的，最大的等。 </p>
<p>
●　不要用笼统的词汇，要尽量精确。例如&ldquo;爱立信手机&rdquo;，改用&ldquo;T28SC&rdquo;会更好。 </p>
</p>
<p>　　&ldquo;三人之行，必有我师&rdquo;，寻找合适关键词的技巧是：到Google、Lycos、Alta等著名搜索引擎，搜索与<br />
你的网站内容相仿的网站，查看排名前十位的网站的META关键字，将它们用在你的网站上，效果可想而知了。 </p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.gnome.org/raywang/2007/10/11/meta%e6%a0%87%e7%ad%be%e8%af%a6%e8%a7%a3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Hacking 的实现以及应用 (转)</title>
		<link>http://blogs.gnome.org/raywang/2007/08/30/google-hacking-%e7%9a%84%e5%ae%9e%e7%8e%b0%e4%bb%a5%e5%8f%8a%e5%ba%94%e7%94%a8-%e8%bd%ac/</link>
		<comments>http://blogs.gnome.org/raywang/2007/08/30/google-hacking-%e7%9a%84%e5%ae%9e%e7%8e%b0%e4%bb%a5%e5%8f%8a%e5%ba%94%e7%94%a8-%e8%bd%ac/#comments</comments>
		<pubDate>Thu, 30 Aug 2007 01:21:00 +0000</pubDate>
		<dc:creator>raywang</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://raywang.yo2.cn/articles/google-hacking-%e7%9a%84%e5%ae%9e%e7%8e%b0%e4%bb%a5%e5%8f%8a%e5%ba%94%e7%94%a8-%e8%bd%ac.html</guid>
		<description><![CDATA[&#60;br&#62; <a href="http://blogs.gnome.org/raywang/2007/08/30/google-hacking-%e7%9a%84%e5%ae%9e%e7%8e%b0%e4%bb%a5%e5%8f%8a%e5%ba%94%e7%94%a8-%e8%bd%ac/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>学学挺有用的！<br />
原文地址：http://cnc.4ngel.net/article/51.htm</p>
<p><strong>前言</strong><br />
google hacking其实并算不上什么新东西,在早几年我在一些国外站点上就看见过相关的介绍,但是由于当时并没有重视这种技术,认为最多就只是用来找找未改名 的mdb或者别人留下的webshell什么的,并无太大实际用途.但是前段时间仔细啃了些资料才猛然发觉google hacking其实并非如此简单&#8230;</p>
<p><strong>google hacking的简单实现</strong></p>
<p> 记得以前看见过一篇文章写的就是简单的通过用www.google.com来搜索dvbbs6.mdb或conn.inc来获得一些站点的敏感信息.其实 使用google中的一些语法可以提供给我们更多的信息(当然也提供给那些习惯攻击的人更多他们所想要的.),下面就来介绍一些常用的语法. <br />
intext:<br />
这个就是把网页中的正文内容中的某个字符做为搜索条件.例如在google里输入:intext:动网.将返回所有在网页正文部分包含&quot;动网&quot;的网页.allintext:使用方法和intext类似.</p>
<p>intitle:<br />
和上面那个intext差不多,搜索网页标题中是否有我们所要找的字符.例如搜索:intitle:安全天使.将返回所有网页标题中包含&quot;安全天使&quot;的网页.同理allintitle:也同intitle类似.</p>
<p>cache:<br />
搜索google里关于某些内容的缓存,有时候也许能找到一些好东西哦.</p>
<p>define:<br />
搜索某个词语的定义,搜索:define:hacker,将返回关于hacker的定义.</p>
<p>filetype:<br />
这个我要重点推荐一下,无论是撒网式攻击还是我们后面要说的对特定目标进行信息收集都需要用到这个.搜索指定类型的文件.例如输入:filetype: doc.将返回所有以doc结尾的文件URL.当然如果你找.bak、.mdb或.inc也是可以的,获得的信息也许会更丰富:)</p>
<p>info: <br />
查找指定站点的一些基本信息.</p>
<p>inurl:<br />
搜索我们指定的字符是否存在于URL中.例如输入:inurl:admin,将返回N个类似于这样的连接:http://www.xxx.com/xxx/admin,用来找管理员登陆的URL不错.allinurl也同inurl类似,可指定多个字符.</p>
<p>link:<br />
例如搜索:inurl:www.4ngel.net可以返回所有和www.4ngel.net做了链接的URL.</p>
<p>site:<br />
这个也很有用,例如:site:www.4ngel.net.将返回所有和4ngel.net这个站有关的URL.</p>
<p> 对了还有一些操作符也是很有用的:<br />
+ 把google可能忽略的字列如查询范围 <br />
- 把某个字忽略<br />
~ 同意词<br />
. 单一的通配符<br />
* 通配符，可代表多个字母<br />
&quot;&quot; 精确查询 </p>
<p> 下面开始说说实际应用(我个人还是比较习惯用google.com,以下内容均在google上搜索),对于一个居心叵测的攻击者来说,可能他最感兴趣的 就是密码文件了.而google正因为其强大的搜索能力往往会把一些敏感信息透露给他们.用google搜索以下内容:</p>
<p> intitle:&quot;index of&quot; etc <br />
intitle:&quot;Index of&quot; .sh_history<br />
intitle:&quot;Index of&quot; .bash_history<br />
intitle:&quot;index of&quot; passwd<br />
intitle:&quot;index of&quot; people.lst<br />
intitle:&quot;index of&quot; pwd.db<br />
intitle:&quot;index of&quot; etc/shadow<br />
intitle:&quot;index of&quot; spwd<br />
intitle:&quot;index of&quot; master.passwd<br />
intitle:&quot;index of&quot; htpasswd<br />
&quot;# -FrontPage-&quot; inurl:service.pwd</p>
<p> 有时候因为各种各样的原因一些重要的密码文件被毫无保护的暴露在网络上,如果被别有用心的人获得,那么危害是很大的.下面是我找到的一个FreeBSD系统的passwd文件(我已做过处理):</p>
<p><img width="617" height="415" src="http://cnc.4ngel.net/img/google1.jpg"><br />
图一</p>
<p> 同样可以用google来搜索一些具有漏洞的程序,例如ZeroBoard前段时间发现个文件代码泄露漏洞,我们可以用google来找网上使用这套程序的站点:<br />
intext:ZeroBoard filetype:php</p>
<p> 或者使用:<br />
inurl:outlogin.php?_zb_path= site:.jp</p>
<p> 来寻找我们所需要的页面.phpmyadmin是一套功能强大的数据库操作软件,一些站点由于配置失误,导致我们可以不使用密码直接对phpmyadmin进行操作.我们可以用google搜索存在这样漏洞的程序URL:<br />
intitle:phpmyadmin intext:Create new database</p>
<p><img width="855" height="491" src="http://cnc.4ngel.net/img/google2.jpg"><br />
图二</p>
<p> 还记得http://www.xxx.com/_vti_bin/..%5C..%5C&#8230;.m32/cmd.exe?dir吗?用google找找，你也许还可以找到很多古董级的机器。同样我们可以用这个找找有其他cgi漏洞的页面。<br />
allinurl：winnt system32</p>
<p><img width="566" height="397" src="http://cnc.4ngel.net/img/google3.jpg"><br />
图三</p>
<p> 前面我们已经简单的说过可以用google来搜索数据库文件,用上一些语法来精确查找能够获得更多东西(access的数据库,mssql、mysql的连接文件等等).举个例子示例一下:</p>
<p> allinurl:bbs data<br />
filetype:mdb inurl:database<br />
filetype:inc conn<br />
inurl:data filetype:mdb<br />
intitle:&quot;index of&quot; data //在一些配置不正确的apache+win32的服务器上经常出现这种情况</p>
<p> 和上面的原理一样,我们还可以用google来找后台,方法就略了,举一反三即可,毕竟我写这篇文章的目的是让大家了解google hacking,而不是让你用google去破坏.安全是把双刃剑,关键在于你如何去运用.</p>
<p> 利用google完全是可以对一个站点进行信息收集和渗透的，下面我们用google对特定站点进行一次测试。www.xxxx.com是全国著名大学之一，一次偶然的机会我决定对其站点进行一次测试(文中所涉及该学校的信息均已经过处理，请勿对号入座:).<br />
首先用google先看这个站点的一些基本情况(一些细节部分就略去了):<br />
site:xxxx.com</p>
<p> 从返回的信息中，找到几个该校的几个系院的域名：</p>
<p> http://a1.xxxx.com<br />
http://a2.xxxx.com<br />
http://a3.xxxx.com</p>
<p>http://a4.xxxx.com</p>
<p> 顺便ping了一下，应该是在不同的服务器.(想想我们学校就那一台可怜的web服务器，大学就是有钱，汗一个)。学校一般都会有不少好的资料，先看看有什么好东西没:<br />
site:xxxx.com filetype:doc</p>
<p> 得到N个不错的doc。先找找网站的管理后台地址：<br />
site:xxxx.com intext:管理<br />
site:xxxx.com inurl:login<br />
site:xxxx.com intitle:管理</p>
<p> 超过获得2个管理后台地址：<br />
http://a2.xxxx.com/sys/admin_login.asp</p>
<p>http://a3.xxxx.com:88/_admin/login_in.asp</p>
<p> 还算不错，看看服务器上跑的是什么程序：<br />
site:a2.xxxx.com filetype:asp<br />
site:a2.xxxx.com filetype:php<br />
site:a2.xxxx.com filetype:aspx<br />
site:a3.xxxx.com filetype:asp<br />
site:&#8230;&#8230;.<br />
&#8230;&#8230;</p>
<p> a2服务器用的应该是IIS，上面用的是asp的整站程序，还有一个php的论坛<br />
a3服务器也是IIS，aspx+asp。web程序都应该是自己开发的。有论坛那就看看能不能遇见什么公共的FTP帐号什么的：<br />
site:a2.xxxx.com intext:ftp://*:*</p>
<p> 没找到什么有价值的东西。再看看有没有上传一类的漏洞：<br />
site:a2.xxxx.com inurl:file<br />
site:a3.xxxx.com inurl:load</p>
<p> 在a2上发现一个上传文件的页面：</p>
<p>http://a2.xxxx.com/sys/uploadfile.asp</p>
<p> 用IE看了一下，没权限访问。试试注射，<br />
site:a2.xxxx.com filetype:asp</p>
<p> 得到N个asp页面的地址，体力活就让软件做吧，这套程序明显没有对注射做什么防范，dbowner权限，虽然不高但已足矣，back a shell我不太喜欢，而且看起来数据库的个头就不小，直接把web管理员的密码暴出来再说，MD5加密过。一般学校的站点的密码都比较有规律，通常都是 域名+电话一类的变形，用google搞定吧。</p>
<p> site:xxxx.com //得到N个二级域名<br />
site:xxxx.com intext:*@xxxx.com //得到N个邮件地址，还有邮箱的主人的名字什么的<br />
site:xxxx.com intext:电话 //N个电话</p>
<p> 把什么的信息做个字典吧，挂上慢慢跑。过了一段时间就跑出4个帐号，2个是学生会的，1个管理员，还有一个可能是老师的帐号。登陆上去：<br />
name：网站管理员 <br />
pass：a2xxxx7619 //说了吧，就是域名+4个数字</p>
<p> 要再怎么提权那就不属于本文讨论访问了，呵呵，到此为止。</p>
<p><strong>关于google hacking的防范</strong></p>
<p> 以前我们站的晓风&middot;残月写过一篇躲避google的文章，原理就是通过在站点根目录下建立一个robots.txt以避免网络机器人获得一些敏感的信息，具体大家看原文章：<br />
<a target="_blank" href="http://www.4ngel.net/article/26.htm">http://www.4ngel.net/article/26.htm</a></p>
<p> 不过这种方法我个人不推荐，有点此地无银三百两的味道。简单一点的方法就是上google把自己站点的一些信息删除掉，访问这个URL：<br />
<a target="_blank" href="http://www.google.com/remove.html">http://www.google.com/remove.html</a></p>
<p> 前几天看见又有人讨论用程序来欺骗robot的方法，我觉得可以试试，代码如下：</p>
<table width="100%" cellspacing="1" cellpadding="5" border="0" bgcolor="#cccccc" align="center">
<tbody>
<tr>
<td bgcolor="#eeeeee" class="code">
<p class="style1">&lt;?<br />
            if (strstr($_SERVER['HTTP_USER_AGENT'], &quot;Googlebot&quot;))<br />
            {<br />
            header(&quot;HTTP/1.1 301&quot;);<br />
            header(&quot;Location: http://www.google.com&quot;);<br />
            }<br />
            ?&gt;</p>
</td>
</tr>
</tbody>
</table>
<p><strong>后记</strong></p>
<p> 这段时间在国外的一些google hack的研究站点看了看，其实也都差不多是一些基本语法的灵活运用，或者配合某个脚本漏洞，主要还是靠个人的灵活思维。国外对于google          hack方面的防范也并不是很多，所以大家还是点到为止，不要去搞破坏拉，呵呵。对于一些在win上跑 <br />
apache的网管们应该多注意一下这方面，一个intitle:index of就差不多都出来了：）</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.gnome.org/raywang/2007/08/30/google-hacking-%e7%9a%84%e5%ae%9e%e7%8e%b0%e4%bb%a5%e5%8f%8a%e5%ba%94%e7%94%a8-%e8%bd%ac/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>80+ 个专业ajax解决方案</title>
		<link>http://blogs.gnome.org/raywang/2007/06/21/80-%e4%b8%aa%e4%b8%93%e4%b8%9aajax%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88/</link>
		<comments>http://blogs.gnome.org/raywang/2007/06/21/80-%e4%b8%aa%e4%b8%93%e4%b8%9aajax%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88/#comments</comments>
		<pubDate>Thu, 21 Jun 2007 05:50:00 +0000</pubDate>
		<dc:creator>raywang</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://raywang.yo2.cn/articles/80-%e4%b8%aa%e4%b8%93%e4%b8%9aajax%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88.html</guid>
		<description><![CDATA[&#60;br&#62; <a href="http://blogs.gnome.org/raywang/2007/06/21/80-%e4%b8%aa%e4%b8%93%e4%b8%9aajax%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Ajax 的代码，以后留着有</p>
<p>http://www.smashingmagazine.com/2007/06/20/ajax-javascript-solutions-for-professional-coding/</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.gnome.org/raywang/2007/06/21/80-%e4%b8%aa%e4%b8%93%e4%b8%9aajax%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>31 个用来测试你网站各项性能的免费在线工具</title>
		<link>http://blogs.gnome.org/raywang/2007/06/18/31-%e4%b8%aa%e7%94%a8%e6%9d%a5%e6%b5%8b%e8%af%95%e4%bd%a0%e7%bd%91%e7%ab%99%e5%90%84%e9%a1%b9%e6%80%a7%e8%83%bd%e7%9a%84%e5%85%8d%e8%b4%b9%e5%9c%a8%e7%ba%bf%e5%b7%a5%e5%85%b7/</link>
		<comments>http://blogs.gnome.org/raywang/2007/06/18/31-%e4%b8%aa%e7%94%a8%e6%9d%a5%e6%b5%8b%e8%af%95%e4%bd%a0%e7%bd%91%e7%ab%99%e5%90%84%e9%a1%b9%e6%80%a7%e8%83%bd%e7%9a%84%e5%85%8d%e8%b4%b9%e5%9c%a8%e7%ba%bf%e5%b7%a5%e5%85%b7/#comments</comments>
		<pubDate>Mon, 18 Jun 2007 05:22:00 +0000</pubDate>
		<dc:creator>raywang</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://raywang.yo2.cn/articles/31-%e4%b8%aa%e7%94%a8%e6%9d%a5%e6%b5%8b%e8%af%95%e4%bd%a0%e7%bd%91%e7%ab%99%e5%90%84%e9%a1%b9%e6%80%a7%e8%83%bd%e7%9a%84%e5%85%8d%e8%b4%b9%e5%9c%a8%e7%ba%bf%e5%b7%a5%e5%85%b7.html</guid>
		<description><![CDATA[&#60;br&#62; <a href="http://blogs.gnome.org/raywang/2007/06/18/31-%e4%b8%aa%e7%94%a8%e6%9d%a5%e6%b5%8b%e8%af%95%e4%bd%a0%e7%bd%91%e7%ab%99%e5%90%84%e9%a1%b9%e6%80%a7%e8%83%bd%e7%9a%84%e5%85%8d%e8%b4%b9%e5%9c%a8%e7%ba%bf%e5%b7%a5%e5%85%b7/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>将来做网站很有用<br />
原文地址：http://zsk.akaka.com.cn/2007/06/31-free-tests-online/</p>
<p>你是否肯定你的网站完全兼容各大浏览器？是否知道多少秒可以打开你的网站？ 是否可以自信地说你的网站根本就没有打不开的时候？ 是否&hellip;&hellip;</p>
<p>虽然它看似不重要，但这些在一定程度上也对你的网站的访问量产生了影响 （ <a href="http://zsk.akaka.com.cn/2007/06/25-way-to-improve-web/">其它一部分影响浏览量的原因及解决办法</a> ）。这里列出了一份 <a href="http://zsk.akaka.com.cn/2007/06/31-free-tests-online/">31 个我最喜爱的免费在线测试工具</a>，你可以通过这些工具来测试你的网站，并根据结果对你的网站进行修改。</p>
<h2><strong>网站代码验证</strong></h2>
<p>没人可以细致到保证自己的网站代码都是正确的，你可以通过以下测试来验证网站代码是否正确。</p>
<p><strong>1 . <a href="http://www.htmlhelp.com/tools/validator/">WDG HTML Validator</a></strong>  一个很好的工具，能找出网站语法错误的地方，并标注出来，也可选择对网站上单独的每一页进行单页分析。（ <strong>强烈推荐</strong> ）</p>
<p><strong>2 . <a href="http://validator.w3.org/">W3C Markup Validation Service</a></strong>  对 HTML 和 XHTML 都能进行代码测试，自称是互联网络上第一个（也是使用者最多的）的 HTML 验证工具。</p>
<p><strong>3 . <a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a></strong>  用于验证 css 源代码，能够标注出不好的 css 代码设计。例如：&ldquo;Same colors for color and background-color in two contexts&rdquo;。</p>
<p><strong>4 . <a href="http://www.xml.com/pub/a/tools/ruwf/check.html">RUWF XML Syntax Checker</a></strong>  用于查找 XML 文件的错误。</p>
<p><strong>5 . <a href="http://validator.w3.org/feed/">W3C Feed Validation Service</a></strong>  用于查找 Atom 和 RSS feed 中的错误语法。（ <strong>这个我经常用到</strong> ）</p>
<p><strong>6 . <a href="http://validator.w3.org/checklink">W3C Link Checker</a></strong>  用于搜寻查明你网站内的所有链接里是否有断链。（ <strong>强烈推荐</strong> ）</p>
<p><strong>7 . <a href="http://juicystudio.com/services/linktest.php">Juicy Studio Link Analyser</a></strong> 测试网站内的链接的 URL 是否存在死链，与 W3C Link Checker 很类似。</p>
<h2><strong>网站的使用性</strong></h2>
<p>我们常常看到网站设计者把重点放在怎网站的吸引力上，而完全不考虑会不会影响来访者的使用，一个浏览难度很大的网页是注定要失败，要让你的来访者方便的得到他要的信息（从而成为重复访客），你的网站应当遵循 WCAG  section 508 易用性规则。</p>
<p><strong>8 . <a href="http://webxact.watchfire.com/">Watchfire WebXACT</a></strong>  所有严谨的设计师和开发者都必须使用的工具，它会生成一个非常详尽的报告书，包括：网站质量，易用性和隐私等。（<strong> 强烈推荐</strong> ）</p>
<p><strong>9 . <a href="http://checker.atrc.utoronto.ca/index.html">ATRC Web Accessibility Checker</a></strong>  测试网站的 WCAG 2.0 Level2 兼容性，它会生成一份报告，提出一系列建议，如：如何提升页头，链接，数据，图表和文字的访问速度。</p>
<p><strong>10 . <a href="http://www.wave.webaim.org/wave/index.jsp">WAVE 3.0 Web Accessibility Tool</a></strong>  高度可定制的工具，它采用了图形化模型展示网站兼容性问题（ WCAG 1.0 and section 508 ）。（ <strong>强烈推荐</strong> ）</p>
<p><strong>11 . <a href="http://www.tawdis.net/taw3/cms/en">TAW Web Accessibility Test</a></strong>  测试网页是否存在冲突（ WCAG 1.0 兼容性 ），通过图形模式生成一份依据 wcag 优先模式为基础的网站修改建议。</p>
<p><strong>12 . <a href="http://www.cynthiasays.com/">HiSoftware CynthiaSays portal</a></strong>  采用了非常严格的规则来测试网页（ 根据 section 508 和 WCAG 1.0 规则 ），生成的报告也极为详细（ 详细到很难看懂 ）。</p>
<p><strong>13 . <a href="http://www.sidar.org/hera/index.php.en">HERA Accessibility testing with Style</a></strong>  使用一种极为复杂但容易理解方式指出网页的 wcag1.0 兼容性问题。</p>
<p><strong>14 . <a href="http://juicystudio.com/services/csstest.php">Juicy Studio CSS Analyser</a></strong>  进行了色彩对比测试，以确保你的网站的色调会符合 WCAG 1.0 的要求。</p>
<p><strong>15 . <a href="http://juicystudio.com/services/readability.php">Juiciy Studio Readability Test</a></strong>  分析你网站上的文字是否有语法错误或拼写错误等问题，容易让人理解不（ 根据 the Flesch Reading Ease 和 Flesch-Kincaid grade level algorithms 规则 ）。（ 适合英文网站使用 ）</p>
<h2><strong>网站的速度</strong></h2>
<p>打开你的网站的速度快慢，是来访者会不会再次访问网站的关键因素，在一般情况下，一个网络不是很快的来访者是不愿意访问一个充满着图片、flash 动画、多媒体文件的网站。为了使你的网站覆盖人群的范围最大化，你必须优化你的网站，使它的打开速度尽可能的快。</p>
<p><strong>16 . <a href="http://www.websiteoptimization.com/services/analyze/">Web Page Analyzer from Website Optimization</a></strong>  一个很好的工具，它在分析完一个网页后，会为减少加载时间提出优化建议，着重优化物体的数目，图片和网站的总体大小。（ <strong>强烈推荐</strong> ）</p>
<p><strong>17 . <a href="http://www.websitepulse.com/help/tools.php">WebSitePulse Test Tools</a></strong>  有一系列的工具来确定网站的加载速度和主机信息。</p>
<p><strong>18 . <a href="http://internetsupervision.com/scripts/urlcheck/check.aspx">Internet Supervision Url Check</a></strong>  从世界各地不同的服务器来测试你的网站的加载时间，用于确定是不是各地的来访者都能顺利快速的打开你得网站。</p>
<h2><strong>浏览器模拟工具</strong></h2>
<p>这是一个普遍的问题，因为现在有着很多的操作系统和浏览器，你得网站必须得兼容它们，但这绝不是一件容易的事。通过下列工具，你可以了解你得网站在各种浏览器上的显示效果。</p>
<p><strong>19 . <a href="http://browsershots.org/">Browsershots</a></strong> 能给出你的网站在不同浏览器下显示效果的截图，包括：Firefox 和 Internet Explorer （ Windows ）、Firefox 和 Safari （ Mac OS X ）、Iceweasal 和 Konqueror （ Linux ），但是结果要在 1 &#8211; 3 小时后才能出来。</p>
<p><strong>20 . <a href="http://ipinfo.info/netrenderer/">IE NetRenderer</a></strong>  实时生成你的网站在 Internet Explorer 5.5 、6.0 和 7.0 下的截图。</p>
<p><strong>21 . <a href="http://ready.mobi/launch.jsp?locale=en_EN">MobiReady Report</a></strong>  分析使用手机访问网页的兼容性问题，会生成一份详细的报告，并提供了在两种不同类型的手机浏览器上你得网站可能显示的样子。</p>
<h2><strong>搜索引擎优化 (SEO) </strong></h2>
<p>一个网站，如果对搜索引擎有着比较好的友好度，一定会比较有竞争力。</p>
<p><strong>22 . <a href="http://www.urltrends.com/">UrlTrends</a></strong>  会显示网站的访客是如何通过搜索引擎来到你的网站，还有各个流量是多少。这些数据是包括 Google, Yahoo, MSN, Alexa, AlltheWeb, AltaVista 和其他一些网站。（ <strong>强烈推荐</strong> ）</p>
<p><strong>23 . <a href="http://www.iwebtool.com/backlink_checker">iWEBTOOL Backlink Checker</a></strong>  一个很好的工具，它能找出有什么站点链接到你的站点，那些站点是什么类型的站点。</p>
<p><strong>24 . <a href="http://www.iwebtool.com/multirank">iWEBTOOL Multi-Rank Checker</a></strong>  显示你网站的 Alexa 和 Google PageRank 数值。</p>
<p><strong>25 . <a href="http://adlab.microsoft.com/default.aspx">Microsoft adCenter Labs: Advertising and Keyword Research Tools</a></strong> 一个极好的工具，用于分析和预测你网站的来访者和市场。（ <strong>强烈推荐</strong> ）</p>
<p><strong>26 . <a href="http://whois.domaintools.com/">Domain Tools Whois lookup</a></strong>  一个 WHOIS 网络工具。</p>
<p><strong>27 . <a href="http://www.seo-browser.com/">SEO-Browser</a></strong>  可以让你看到在搜索引擎眼里一样的网站（ 去掉所有的&rdquo;美丽&rdquo;配件 ）。</p>
<p><strong>28 . <a href="http://www.seoworkers.com/tool/analyzer.html">SEO Workers SEO Analysis Tool</a></strong>  非常有用的工具，分析了网站上的各种分类特征，包括 meta 标签、关键字密度及加载时间。（ <strong>强烈推荐</strong> ）</p>
<p><strong>29 . <a href="http://www.seekport.co.uk/seekbot/">Seekport Seekbot</a></strong>  可以分析网站的数据和内容，以得出搜索引擎会如何有效的解释分析的网站。</p>
<p><strong>30 . <a href="http://www.seochat.com/seo-tools/">SEO Chat SEO Tools</a></strong>  用以分析网站 Google adsense 盈利潜力，关键字密度，Meta tag 等等&hellip;&hellip;</p>
<p><strong>31 . <a href="http://www.marketleap.com/publinkpop/">Marketleap Search Engine Marketing Tools</a></strong>  用来分析网页，让你知道你的网站检索、设定的关键字好不好。</p>
<p>原文：<a href="http://www.avivadirectory.com/free-online-tests/">avivadirectory.com</a><br />
译者：<a href="http://zsk.akaka.com.cn/">peterzsk</a><br />
译文原地址：<a href="http://zsk.akaka.com.cn/2007/06/31-free-tests-online/">http://zsk.akaka.com.cn/2007/06/31-free-tests-online/</a><br />
采用CC创作共用协议,转载可保留以上信息并&lt;署名、非商业和保持一致&gt;。</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.gnome.org/raywang/2007/06/18/31-%e4%b8%aa%e7%94%a8%e6%9d%a5%e6%b5%8b%e8%af%95%e4%bd%a0%e7%bd%91%e7%ab%99%e5%90%84%e9%a1%b9%e6%80%a7%e8%83%bd%e7%9a%84%e5%85%8d%e8%b4%b9%e5%9c%a8%e7%ba%bf%e5%b7%a5%e5%85%b7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML 实体查询工具</title>
		<link>http://blogs.gnome.org/raywang/2007/06/14/html-%e5%ae%9e%e4%bd%93%e6%9f%a5%e8%af%a2%e5%b7%a5%e5%85%b7/</link>
		<comments>http://blogs.gnome.org/raywang/2007/06/14/html-%e5%ae%9e%e4%bd%93%e6%9f%a5%e8%af%a2%e5%b7%a5%e5%85%b7/#comments</comments>
		<pubDate>Thu, 14 Jun 2007 01:49:00 +0000</pubDate>
		<dc:creator>raywang</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://raywang.yo2.cn/articles/html-%e5%ae%9e%e4%bd%93%e6%9f%a5%e8%af%a2%e5%b7%a5%e5%85%b7.html</guid>
		<description><![CDATA[&#60;br&#62; <a href="http://blogs.gnome.org/raywang/2007/06/14/html-%e5%ae%9e%e4%bd%93%e6%9f%a5%e8%af%a2%e5%b7%a5%e5%85%b7/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>查什么在网页中出现的特殊，可以去这里查询：</p>
<p>http://leftlogic.com/lounge/articles/entity-lookup/</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.gnome.org/raywang/2007/06/14/html-%e5%ae%9e%e4%bd%93%e6%9f%a5%e8%af%a2%e5%b7%a5%e5%85%b7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>利用google搜索任意网 站</title>
		<link>http://blogs.gnome.org/raywang/2007/05/24/%e5%88%a9%e7%94%a8google%e6%90%9c%e7%b4%a2%e4%bb%bb%e6%84%8f%e7%bd%91-%e7%ab%99/</link>
		<comments>http://blogs.gnome.org/raywang/2007/05/24/%e5%88%a9%e7%94%a8google%e6%90%9c%e7%b4%a2%e4%bb%bb%e6%84%8f%e7%bd%91-%e7%ab%99/#comments</comments>
		<pubDate>Thu, 24 May 2007 01:48:00 +0000</pubDate>
		<dc:creator>raywang</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://raywang.yo2.cn/articles/%e5%88%a9%e7%94%a8google%e6%90%9c%e7%b4%a2%e4%bb%bb%e6%84%8f%e7%bd%91-%e7%ab%99.html</guid>
		<description><![CDATA[&#60;br&#62; <a href="http://blogs.gnome.org/raywang/2007/05/24/%e5%88%a9%e7%94%a8google%e6%90%9c%e7%b4%a2%e4%bb%bb%e6%84%8f%e7%bd%91-%e7%ab%99/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>偶然间发现的，非常实用技巧，以前不知道，汗～</p>
<p>在google搜索栏里写：<br />
<em>你要搜索的东西</em> site: <em>site_you_want_to_search</em></p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.gnome.org/raywang/2007/05/24/%e5%88%a9%e7%94%a8google%e6%90%9c%e7%b4%a2%e4%bb%bb%e6%84%8f%e7%bd%91-%e7%ab%99/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google搜索从入门到精通[转]</title>
		<link>http://blogs.gnome.org/raywang/2007/01/29/google%e6%90%9c%e7%b4%a2%e4%bb%8e%e5%85%a5%e9%97%a8%e5%88%b0%e7%b2%be%e9%80%9a%e8%bd%ac/</link>
		<comments>http://blogs.gnome.org/raywang/2007/01/29/google%e6%90%9c%e7%b4%a2%e4%bb%8e%e5%85%a5%e9%97%a8%e5%88%b0%e7%b2%be%e9%80%9a%e8%bd%ac/#comments</comments>
		<pubDate>Mon, 29 Jan 2007 12:38:00 +0000</pubDate>
		<dc:creator>raywang</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://raywang.yo2.cn/articles/google%e6%90%9c%e7%b4%a2%e4%bb%8e%e5%85%a5%e9%97%a8%e5%88%b0%e7%b2%be%e9%80%9a%e8%bd%ac.html</guid>
		<description><![CDATA[&#60;br&#62; <a href="http://blogs.gnome.org/raywang/2007/01/29/google%e6%90%9c%e7%b4%a2%e4%bb%8e%e5%85%a5%e9%97%a8%e5%88%b0%e7%b2%be%e9%80%9a%e8%bd%ac/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div><font size="2">本文简要的介绍了Google的历史和特点，Google的基本搜索语法和高级搜索语法，Google的特色功能， 包括图片搜索、新闻组搜索和集成工具条等。尽管本文名为&ldquo;Google搜索从入门到精通&rdquo;，但事实上，本文只能算是对Google的一个并不十分完全的介 绍而已。<img width="17" height="17" alt=":smile:" src="http://my.opera.com/community/graphics/smilies/smile.gif" class="smilie"></font></div>
<p><font size="2"><br />
1，前言</p>
<p>我 是在2000年上半年知道Google的。在这之前，我搜索英文信息通常用AltaVista，而搜索中文信息则常用Sina。但自使用了Google之 后，它便成为我的Favorite Search engine了。这也得感谢新浪网友曹溪，因为当初正是因为他的大力推介，才使我识得了Google。</p>
<p>记得1996年夏季的时候，当我第一次接触Internet，便被扑面而来的魔力征服了。那种天涯咫尺的感觉，真是妙不可言。在经历了疯狂的WWW冲浪和如痴如醉的BBS沉迷之后，我意识到Internet对我影响至深的还是在于学习方式的变迁。</p>
<p>如 何来描述这种变迁呢？以前的学习，一般需要预先在肚子里存储下足够的知识，必要时，就从海量的信息中提取所需的部分。这种学习方式造就了很多&ldquo;才高八斗， 学富五车&rdquo;的大才子。但是，到了信息领域大大超出&ldquo;四书五经&rdquo;的新时期，预先无目的的吞下海量信息的学习方式就有些不合时宜了。比方说，我们到了大型的图 书城，往往有一种不知所措的感觉。旧有的学习方式需要变更以适应这个信息爆炸的年代。目的明确的去学习，即先知道要学什么，然后有目的的去寻找答案，这种 方式看上去更加有效率。我不妨把这称为&ldquo;即学式&rdquo;，相应的，旧有的称为&ldquo;预学式&rdquo;。</p>
<p>不过，&ldquo;即学式&rdquo;的实施是有前提的。首先，要求学习者 拥有一个包罗万象的信息库，以供随时抽取各种目的信息；其次，是需要一个强劲的信息检索工具，以便高效率的从信息库中提取信息。很明显，Internet 可以充当那个海量的信息库，而搜索引擎，则正是寻找光明之火的绝好工具。</p>
<p>&ldquo;公欲善其事，必先利其器&rdquo;。Internet只有一个，而搜索 引擎则有N多个。有搜索高手说，所谓搜索，就是&ldquo;在正确的地方使用正确的工具和正确的方法寻找正确的内容&rdquo;。但是，对于普通人而言，掌握诸多搜索引擎的可 能性似乎不大。用一两个相对强劲的具代表性的工具达到绝大多数搜索目的更为人们所迫切希望。不同的时期，涌现出不同的强者。就目前而言，我们非常幸运的有 了： *****Google******</p>
<p>
2，摘要</p>
<p>本文简要的介绍了Google的历史和特点，Google的 基本搜索语法和高级搜索语法，Google的特色功能，包括图片搜索、新闻组搜索和集成工具条等。尽管本文名为&ldquo;Google搜索从入门到精通&rdquo;，但事实 上，本文只能算是对Google的一个并不十分完全的介绍而已。<img width="17" height="17" alt=":smile:" src="http://my.opera.com/community/graphics/smilies/smile.gif" class="smilie"></p>
<p>3，如何使用本文</p>
<p>阅 读本文最好具备一些最基本的布尔代数基础，如&ldquo;与&rdquo;、&ldquo;或&rdquo;、&ldquo;非&rdquo;等。不过，即便你没有这方面的知识，也不必在意。对那些实例进行练习，你的疑惑就会迎 刃而解。对于刚刚接触网络搜索的读者而言，也许你应该从头到尾的阅读本文；但对于那些有一定搜索基础的读者而言，只需要跳跃着寻找自己所需要的信息就可以 了。此外，你也可以参考中文Google大全：http://www.Google.com/intl/zh-CN/about.html，以及搜索帮 助：http://www.google.com/intl/zh-CN/help.html，那是官方Google使用手册以及问题解答中心。</p>
<p>4，Google简介</p>
<p>Google （www.Google.com）是一个搜索引擎，由两个斯坦福大学博士生Larry Page与Sergey Brin于1998年9月发明，Google Inc. 于1999年创立。2000年7月份，Google替代Inktomi成为Yahoo公司的搜索引擎，同年9月份，Google成为中国网易公司的搜索引 擎。98年至今，Google已经获得30多项业界大奖。到Google的新闻中心（http: //www.Google.com/press/index.html），你可以找到关于一切关于Google的历史和新闻资料。</p>
<p>Google的成功得益于其强大的功能和独到的特点：</p>
<p>Google检索网页数量达24亿，搜索引擎中排名第一；<br />
Google支持多达132种语言，包括简体中文和繁体中文；<br />
Google网站只提供搜索引擎功能，没有花里胡哨的累赘；<br />
Google速度极快，年初时据说有15000多台服务器，200多条T3级宽带；<br />
Google的专利网页级别技术PageRank能够提供准确率极高的搜索结果； <br />
Google智能化的&ldquo;手气不错&rdquo;功能，提供可能最符合要求的网站；<br />
Google的&ldquo;网页快照&rdquo;功能，能从Google服务器里直接取出缓存的网页。</p>
<p>Google具有独到的图片搜索功能；<br />
Google具有强大的新闻组搜索功能；<br />
Google具有二进制文件搜索功能（PDF，DOC，SWF等）；<br />
Google还有很多尚在开发阶段的令人吃惊的设想和功能。<br />
等等</p>
<p>5，搜索入门</p>
<p>要 用Google做搜索，当然首先要进Google网站&#8211;www.Google.com；不过，163.com和yahoo.com.cn使用的实际上也 是Google搜索引擎，只是对搜索结果进行了编排，而且无法提供一些特色功能，如图片搜索等。因此，如果你要搜索网页的话，就直接使用 Google.com吧。</p>
<p>第一次进入Google，它会根据你的操作系统，确定语言界面。需要提醒的是，Google是通过cookie来存储页面设定的，所以，如果你的系统禁用cookie，就无法对Google界面进行个人设定了。</p>
<p>Google 的首页很清爽，LOGO下面，排列了四大功能模块：网站、图像、新闻组和目录服务。默认是网站搜索。现在进行第一次搜索实践，假定你是个搜索新手，想要了 解一下搜索引擎的来龙去脉和搜索技巧。在搜索框内输入一个关键字&ldquo;搜索引擎&rdquo;， 选中&ldquo;搜索中文(简体)网页&rdquo;选项，然后点击下面的&ldquo;Google搜索&rdquo;按钮（或者直接回车），结果就出来了。 搜索：&ldquo;搜索引擎&rdquo;<br />
结果：已搜索有关搜索引擎的中文(简体)网页。 共约有707,000项查询结果，这是第1-10项 。 搜索用时0.08秒。</p>
<p>仔细看一下搜索结果的前十项，就会发现绝大部分链接是搜索引擎本身，而不是对搜索引擎的或者搜索技巧方面的介绍。</p>
<p>注意：文章中搜索语法外面的引号仅起引用作用，不能带入搜索栏内。</p>
<p>6，初阶搜索</p>
<p>上例是最基本的搜索，即查询包含单个关键字的信息。但是，你可以发现，上例中，单个关键字&ldquo;搜索引擎&rdquo;，搜索得的信息浩如烟海，而且绝大部分并不符合自己的要求，怎么办呢？我们需要进一步缩小搜索范围和结果。</p>
<p>6.1，搜索结果要求包含两个及两个以上关键字</p>
<p>一般搜索引擎需要在多个关键字之间加上&ldquo; &rdquo;，而Google无需用明文的&ldquo; &rdquo;来表示逻辑&ldquo;与&rdquo;操作，只要空格就可以了。现在，我们需要了解一下搜索引擎的历史，因此期望搜得的网页上有&ldquo;搜索引擎&rdquo;和&ldquo;历史&rdquo;两个关键字。</p>
<p>示例：搜索所有包含关键词&ldquo;搜索引擎&rdquo;和&ldquo;历史&rdquo;的中文网页<br />
搜索：&ldquo;搜索引擎 历史&rdquo;<br />
结果：已搜索有关搜索引擎 历史的中文(简体)网页。 共约有78,600项查询结果，这是第1-10项 。 搜索用时0.36秒。 </p>
<p>用 了两个关键字，查询结果已经从70多万项减少到7万多项。但查看一下搜索结果，发现前列的绝大部分结果还是不符合要求，大部分网页涉及的&ldquo;历史&rdquo;，并不是 我们所需要的&ldquo;搜索引擎的历史&rdquo;。 怎么办呢？删除与搜索引擎不相关的&ldquo;历史&rdquo;。我们发现，这部分无用的资讯，总是和&ldquo;文化&rdquo;这个词相关的，另外一些常见词是&ldquo;中国历史&rdquo;、&ldquo;世界历史&rdquo;、 &ldquo;历史书籍&rdquo;等。</p>
<p>6.2，搜索结果要求不包含某些特定信息</p>
<p>Google用减号&ldquo;-&rdquo;表示逻辑&ldquo;非&rdquo;操作。&ldquo;A &ndash;B&rdquo;表示搜索包含A但没有B的网页。</p>
<p>示例：搜索所有包含&ldquo;搜索引擎&rdquo;和&ldquo;历史&rdquo;但不含&ldquo;文化&rdquo;、&ldquo;中国历史&rdquo;和&ldquo;世界历史&rdquo;的中文网页<br />
搜索：&ldquo;搜索引擎 历史 -文化 -中国历史 -世界历史&rdquo;<br />
结果：已搜索有关搜索引擎 历史 -文化 -中国历史 -世界历史的中文(简体)网页。 共约有36,800项查询结果，这是第1-10项 。 搜索用时0.22秒。 </p>
<p>我们看到，通过去掉不相关信息，搜索结果又减少了将近一半。第一个搜索结果是：</p>
<p>搜索引擎直通车&equiv;搜索引擎发展历史<br />
搜索引擎直通车, &#8230; 搜索引擎专业介绍站点. &#8230; <br />
www.se-express.com/about/about.htm &#8211; 14k &#8211; 网页快照 &#8211; 类似网页</p>
<p>非常符合搜索要求。另外，第八项搜索结果：</p>
<p>463搜索王<br />
本站检索 整个网站 在此输入关键词. 你的当前<br />
位置：首页 &gt;&gt; Internet搜索手册 &gt;&gt; 搜索引擎的历史. &#8230; <br />
www.cnco.net/search/history.htm &#8211; 21k &#8211; 网页快照 &#8211; 类似网页</p>
<p>也 符合搜索要求。但是，10个结果只有两个符合要求，未免太少了点。不过，在没有更好的策略之前，不妨先点开一个结果看看。点开se- express.com的这个名为&ldquo;搜索引擎发展历史&rdquo;的网页，我们发现，搜索引擎的历史，是与互联网早期的文件检索工具&ldquo;Archie&rdquo;息息相关的。此 外，搜索引擎似乎有个核心程序，叫&ldquo;蜘蛛&rdquo;，而最早成型的搜索引擎是&ldquo;Lycos&rdquo;，使搜索引擎深入人心的是&ldquo;Yahoo&rdquo;。了解了这些信息，我们就可以 进一步的让搜索结果符合要求了。</p>
<p>注意：这里的&ldquo; &rdquo;和&ldquo;-&rdquo;号，是英文字符，而不是中文字符的&ldquo;＋&rdquo;和&ldquo;－&rdquo;。此外，操作符与作用的关键字之间，不能有空格。比如&ldquo;搜索引擎 &#8211; 文化&rdquo;，搜索引擎将视为关键字为&ldquo;搜索引擎&rdquo;和&ldquo;文化&rdquo;的逻辑&ldquo;与&rdquo;操作，中间的&ldquo;-&rdquo;被忽略。</p>
<p>6.3，搜索结果至少包含多个关键字中的任意一个。</p>
<p>Google 用大写的&ldquo;OR&rdquo;表示逻辑&ldquo;或&rdquo;操作。搜索&ldquo;A OR B&rdquo;，意思就是说，搜索的网页中，要么有A，要么有B，要么同时有A和B。在上例中，我们希望搜索结果中最好含有&ldquo;archie&rdquo;、&ldquo;lycos&rdquo;、&ldquo;蜘 蛛&rdquo;等关键字中的一个或者几个，这样可以进一步的精简搜索结果。</p>
<p>示例：搜索如下网页，要求必须含有&ldquo;搜索引擎&rdquo;和&ldquo;历史&rdquo;，没有&ldquo;文化&rdquo;，可以含有以下关键字中人任何一个或者多个：&ldquo;Archie&rdquo;、&ldquo;蜘蛛&rdquo;、&ldquo;Lycos&rdquo;、&ldquo;Yahoo&rdquo;。<br />
搜索：&ldquo;搜索引擎 历史 archie OR 蜘蛛 OR lycos OR yahoo -文化&rdquo;<br />
结果：已搜索有关搜索引擎 历史 archie OR 蜘蛛 OR lycos OR yahoo -文化的中文(简体)网页。 共约有8,400项查询结果，这是第1-10项 。 搜索用时0.16秒。</p>
<p>我们看到，搜索结果缩小到8千多项，前20项结果中，大部分都符合搜索要求。如果你想了解一下解搜索引擎的历史发展，就不妨研究一下现在搜索到的结果吧。 注意：&ldquo;与&rdquo;操作必须用大写的&ldquo;OR&rdquo;，而不是小写的&ldquo;or&rdquo;。</p>
<p>在 上面的例子中，我介绍了搜索引擎最基本的语法&ldquo;与&rdquo;&ldquo;非&rdquo;和&ldquo;或&rdquo;，这三种搜索语法Google分别用&ldquo; &rdquo;（空格）、&ldquo;-&rdquo;和&ldquo;OR&rdquo;表示。顺着上例的思路，你也可以了解到如何缩小搜索范围，迅速找到目的资讯的一般方法：目标信息一定含有的关键字（用&ldquo; &rdquo;连起来），目标信息不能含有的关键字（用&ldquo;-&rdquo;去掉），目标信息可能含有的关键字（用&ldquo;OR&rdquo;连起来）。</p>
<p>7，杂项语法</p>
<p>7.1，通配符问题</p>
<p>很 多搜索引擎支持通配符号，如&ldquo;*&rdquo;代表一连串字符，&ldquo;?&rdquo;代表单个字符等。Google对通配符支持有限。它目前只可以用&ldquo;*&rdquo;来替代单个字符，而且包含 &ldquo;*&rdquo;必须用&quot;&quot;引起来。比如，&ldquo;&quot;以*治国&quot;&rdquo;，表示搜索第一个为&ldquo;以&rdquo;，末两个为&ldquo;治国&rdquo;的四字短语，中间的&ldquo;*&rdquo;可以为任何字符。</p>
<p>7.2，关键字的字母大小写</p>
<p>Google对英文字符大小写不敏感，&ldquo;GOD&rdquo;和&ldquo;god&rdquo;搜索的结果是一样的。</p>
<p>7.3，搜索整个短语或者句子</p>
<p>Google的关键字可以是单词（中间没有空格），也可以是短语（中间有空格）。但是，用短语做关键字，必须加英文引号，否则空格会被当作&ldquo;与&rdquo;操作符。</p>
<p>示例：搜索关于第一次世界大战的英文信息。 <br />
搜索：&ldquo;&quot;world war I&quot;&rdquo;<br />
结果：已向英特网搜索&quot;world war i&quot;. 共约有937,000项查询结果，这是第1-10项 。 搜索用时0.06秒。 </p>
<p>7.4，搜索引擎忽略的字符以及强制搜索</p>
<p>Google对一些网路上出现频率极高的英文单词，如&ldquo;i&rdquo;、&ldquo;com&rdquo;、&ldquo;www&rdquo;等，以及一些符号如&ldquo;*&rdquo;、&ldquo;.&rdquo;等，作忽略处理。</p>
<p>示例：搜索关于www起源的一些历史资料。<br />
搜索：&ldquo;www的历史 internet&rdquo;<br />
结果：以下的字词因为使用过于频繁，没有被列入搜索范围: www 的. 已搜索有关www的历史 internet的中文(简体)网页。 共约有75,100项查询结果，这是第1-10项 。 搜索用时0.22秒。 </p>
<p>我 们看到，搜索&ldquo;www的历史 internet&rdquo;，但搜索引擎把&ldquo;www&rdquo;和&ldquo;的&rdquo;都省略了。于是上述搜索只搜索了&ldquo;历史&rdquo;和&ldquo;internet&rdquo;。这显然不符合要求。这里我顺便说一 点搜索引擎分词的知识。当我们在搜索&ldquo;www的历史&rdquo;的时候，搜索引擎实际上把这个短语分成三部分，&ldquo;www&rdquo;、&ldquo;的&rdquo;和&ldquo;历史&rdquo;分别来检索，这就是搜索 引擎的分词。所以尽管你输入了连续的&ldquo;www的历史&rdquo;，但搜索引擎还是把这个短语当成三个关键字分别检索。</p>
<p>如果要对忽略的关键字进行强制搜索，则需要在该关键字前加上明文的&ldquo;+&rdquo;号。<br />
搜索：&ldquo;+www +的历史 internet&rdquo;<br />
结果：已搜索有关+www +的历史 internet的中文(简体)网页。 共约有25,000项查询结果，这是第1-10项 。 搜索用时0.05秒。 </p>
<p>另一个强制搜索的方法是把上述的关键字用英文双引号引起来。在上例&ldquo;&rdquo;world war I&rdquo;&rdquo;中，&ldquo;I&rdquo;其实也是忽略词，但因为被英文双引号引起来，搜索引擎就强制搜索这一特定短语。</p>
<p>搜索：&ldquo;&quot;www的历史&quot; internet&rdquo;<br />
结果：已搜索有关&quot;www的历史&quot; internet的中文(简体)网页。 共约有7项查询结果，这是第1-6项 。 搜索用时0.26秒。 </p>
<p>我们看到，这一搜索事实上把&ldquo;www的历史&rdquo;作为完整的一个关键字。显然，包含这样一个特定短语的网页并不是很多，不过，每一项都很符合要求。</p>
<p>注意：大部分常用英文符号（如问号，句号，逗号等）无法成为搜索关键字，加强制也不行。</p>
<p>8，进阶搜索</p>
<p>上面已经探讨了Google的一些最基础搜索语法。通常而言，这些简单的搜索语法已经能解决绝大部分问题了。不过，如果想更迅速更贴切找到需要的信息，你还需要了解更多的东西。</p>
<p>8.1，对搜索的网站进行限制</p>
<p>&ldquo;site&rdquo;表示搜索结果局限于某个具体网站或者网站频道，如&ldquo;www.sina.com.cn&rdquo;、&ldquo;edu.sina.com.cn&rdquo;，或者是某个域名，如&ldquo;com.cn&rdquo;、&ldquo;com&rdquo;等等。如果是要排除某网站或者域名范围内的页面，只需用&ldquo;-网站/域名&rdquo;。</p>
<p>示例：搜索中文教育科研网站（edu.cn）上关于搜索引擎技巧的页面。<br />
搜索：&ldquo;搜索引擎 技巧 site:edu.cn&rdquo;<br />
结果：已搜索有关搜索引擎 技巧 site:edu.cn的中文(简体)网页。 共约有608项查询结果，这是第1-10项 。 搜索用时0.05秒。</p>
<p>示例：上著名IT门户网站ZDNET和CNET搜索一下关于搜索引擎技巧方面的资讯。<br />
搜索：&ldquo;&quot;search engine&quot; tips site:www.zdnet.com OR site:www.cnet.com&rdquo;<br />
结果：已在www.zdnet.com内搜索有关&quot;search engine&quot; tips OR site:www.cnet.com的网页。 共约有1,040项查询结果，这是第1-10项 。 搜索用时0.09秒。</p>
<p>注意，在这里Google有个小BUG。&ldquo;已在www.zdnet.com内搜索&hellip;&rdquo;，其实应该表述成&ldquo;已在www.zdnet.com和www.cnet.com内搜索&hellip;&rdquo;。</p>
<p>示例：搜索新浪科技频道中关于搜索引擎技巧的信息。<br />
搜索：&ldquo;搜索引擎 技巧 site:tech.sina.com.cn&rdquo;<br />
结果：已在tech.sina.com.cn搜索有关搜索引擎 技巧 的中文(简体)网页。 共约有163项查询结果，这是第1-10项 。 搜索用时0.07秒。 </p>
<p>注意：site后的冒号为英文字符，而且，冒号后不能有空格，否则，&ldquo;site:&rdquo;将被作为一个搜索的关键字。此外，网站域名不能有&ldquo;http://&rdquo;前缀，也不能有任何&ldquo;/&rdquo;的目录后缀；网站频道则只局限于&ldquo;频道名.域名&rdquo;方式，而不能是&ldquo;域名/频道名&rdquo;方式。</p>
<p>8.2，在某一类文件中查找信息</p>
<p>&ldquo;filetype:&rdquo; 是Google开发的非常强大实用的一个搜索语法。也就是说，Google不仅能搜索一般的文字页面，还能对某些二进制文档进行检索。目前，Google 已经能检索微软的Office文档如.xls、.ppt、.doc，.rtf，WordPerfect文档，Lotus1-2-3文档，Adobe的. pdf文档，ShockWave的.swf文档（Flash动画）等。其中最实用的文档搜索是PDF搜索。PDF是ADOBE公司开发的电子文档格式，现 在已经成为互联网的电子化出版标准。目前Google检索的PDF文档大约有2500万左右，大约占所有索引的二进制文档数量的80％。PDF文档通常是 一些图文并茂的综合性文档，提供的资讯一般比较集中全面。</p>
<p>示例：搜索几个资产负债表的Office文档。<br />
搜索：&ldquo;资产负债表 filetype:doc OR filetype:xls OR filetype<img width="17" height="17" alt="p:" src="http://my.opera.com/community/graphics/smilies/tongue.gif" class="smilie">pt&rdquo;<br />
结果：已搜索有关资产负债表 filetype:doc OR filetype:xls OR filetype<img width="17" height="17" alt="p:" src="http://my.opera.com/community/graphics/smilies/tongue.gif" class="smilie">pt的中文(简体)网页。 共约有481项查询结果，这是第1-10项 。 搜索用时0.04秒。 </p>
<p>注意，下载的Office文件可能含有宏病毒，谨慎操作。</p>
<p>示例：搜索一些关于搜索引擎知识和技巧方面的PDF文档<br />
搜索：?quot;search engine&quot; tips OR tutorial filetype<img width="17" height="17" alt="p:" src="http://my.opera.com/community/graphics/smilies/tongue.gif" class="smilie">df&rdquo;<br />
结果：已向英特网搜索&quot;search engine&quot; tips OR tutorial filetype<img width="17" height="17" alt="p:" src="http://my.opera.com/community/graphics/smilies/tongue.gif" class="smilie">df. 共约有12,600项查询结果，这是第1-10项 。 搜索用时0.22秒。</p>
<p>我们来看其中的一个结果：</p>
<p>[PDF]Search Engines Tips<br />
文档类型: PDF/Adobe Acrobat &#8211; HTML 版<br />
&#8230; <a target="_blank" href="http://www.google.com/press/zeitgeist.html">http://www.google.com/press/zeitgeist.html</a> See what people are searching on at Google.com<br />
* Search Engine Watch <a target="_blank" href="http://searchenginewatch.com/">http://searchenginewatch.com/</a> Some free tips &#8230; <br />
www.allvertical.com/PromoKits/SearchEngineTips.pdf &#8211; 类似网页</p>
<p>可以看到，Google用[PDF]来标记这是一个PDF的文档检索，另外，它还给出了该PDF文档的HTML版本，该HTML版保留了文档的文字内容和结构，但没有图片。</p>
<p>8.3，搜索的关键字包含在URL链接中</p>
<p>&ldquo;inurl&rdquo; 语法返回的网页链接中包含第一个关键字，后面的关键字则出现在链接中或者网页文档中。有很多网站把某一类具有相同属性的资源名称显示在目录名称或者网页名 称中，比如&ldquo;MP3&rdquo;、&ldquo;GALLARY&rdquo;等，于是，就可以用INURL语法找到这些相关资源链接，然后，用第二个关键词确定是否有某项具体资料。 INURL语法和基本搜索语法的最大区别在于，前者通常能提供非常精确的专题资料。 示例：查找MIDI曲&ldquo;沧海一声笑&rdquo;。<br />
搜索：&ldquo;inurl:midi &ldquo;沧海一声笑&rdquo;&rdquo;<br />
结果：已搜索有关inurl:midi &quot;沧海一声笑&quot;的中文(简体)网页。 共约有27项查询结果，这是第1-10项 。 搜索用时0.34秒。 </p>
<p>注意：&ldquo;inurl:&rdquo;后面不能有空格，Google也不对URL符号如&ldquo;/&rdquo;进行搜索。例如，Google会把&ldquo;cgi-bin/phf&rdquo;中的&ldquo;/&rdquo;当成空格处理。</p>
<p>&ldquo;allinurl&rdquo;语法返回的网页的链接中包含所有作用关键字。这个查询的关键字只集中于网页的链接字符串。</p>
<p>示例：查找可能具有PHF安全漏洞的公司网站。通常这些网站的CGI-BIN目录中含有PHF脚本程序（这个脚本是不安全的），表现在链接中就是&ldquo;域名/cgi-bin/phf&rdquo;。<br />
搜索：&ldquo;allinurl:&quot;cgi-bin&quot; phf +com&rdquo;<br />
结果：已向英特网搜索allinurl:&quot;cgi-bin&quot; phf +com. 共约有51项查询结果，这是第1-10项 。 搜索用时0.11秒。</p>
<p>8.4，搜索的关键字包含在网页标题中</p>
<p>&ldquo;intitle&rdquo; 和&ldquo;allintitle&rdquo;的用法类似于上面的inurl和allinurl，只是后者对URL进行查询，而前者对网页的标题栏进行查询。网页标题，就是 HTML标记语言title中之间的部分。网页设计的一个原则就是要把主页的关键内容用简洁的语言表示在网页标题中。因此，只查询标题栏，通常也可以找到 高相关率的专题页面。 示例：查找日本明星藤原纪香的照片集。<br />
搜索：&ldquo;intitle:藤原纪香 &quot;写真集&quot;&rdquo;<br />
结果：已搜索有关intitle:藤原纪香 &quot;写真集&quot;的中文(简体)网页。 共约有315项查询结果，这是第1-10项 。 搜索用时0.15秒。</p>
<p>8.5，搜索的关键字包含在网页的&ldquo;锚&rdquo;（anchor）链点内</p>
<p>所谓&ldquo;锚&rdquo;，就是在同一个网页中快速切换链接点。与URL和TITLE类似，Google提供了两种对anchor的检索，&ldquo;inanchor&rdquo;和&ldquo;allincnchor&rdquo;。对此不作详述。</p>
<p>9，其他罕用语法</p>
<p>9.1，搜索所有链接到某个URL地址的网页</p>
<p>如果你拥有一个个人网站，估计很想知道有多少人对你的网站作了链接。而&ldquo;link&rdquo;语法就能让你迅速达到这个目的。</p>
<p>示例：搜索所有含指向华军软件园&ldquo;www.newhua.com&rdquo;链接的网页。<br />
搜索：&ldquo;link:www.newhua.com&rdquo;<br />
结果：搜索有链接到www.newhua.com的网页 。 共约有920项查询结果，这是第1-10项 。 搜索用时0.12秒。</p>
<p>注意：&ldquo;link&rdquo;不能与其他语法相混合操作，所以&ldquo;link:&rdquo;后面即使有空格，也将被Google忽略。另外还要说明的是，link只列出Google索引链接很小一部分，而非全部，所以如果你用Google没有搜到链到你的主页的链接，也不必灰心丧气。</p>
<p>除 了上述功能，link语法还有其它妙用。一般说来，做友情链接的网站都有相似地方。这样，你可以通过这些友情链接，找到一大批具有相似内容的网站。比如 说，你是个天文爱好者，你发现某网站非常不错，那么，可以用link语法查一下与之做链接的网站，也许可以找到更多符合你兴趣的内容。</p>
<p>9.2，查找与某个页面结构内容相似的页面</p>
<p>&ldquo;related&rdquo; 用来搜索结构内容方面相似的网页。例：搜索所有与中文新浪网主页相似的页面（如网易首页，搜狐首页，中华网首页等），&ldquo;related: wwwsina.com.cn/index.shtml&rdquo;。我到现在也不明白这个语法有什么作用，如果有谁知 &#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.gnome.org/raywang/2007/01/29/google%e6%90%9c%e7%b4%a2%e4%bb%8e%e5%85%a5%e9%97%a8%e5%88%b0%e7%b2%be%e9%80%9a%e8%bd%ac/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- This Quick Cache file was built for (  blogs.gnome.org/raywang/category/web/feed/ ) in 2.07924 seconds, on Feb 11th, 2012 at 9:51 pm UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on Feb 11th, 2012 at 10:51 pm UTC -->
