<?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/"
	>

<channel>
	<title>大军</title>
	<atom:link href="http://www.webbw.com/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.webbw.com</link>
	<description>web css (x)html</description>
	<pubDate>Thu, 29 Apr 2010 13:58:28 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>详解块级格式化范围（block formatting context）</title>
		<link>http://www.webbw.com/?p=187</link>
		<comments>http://www.webbw.com/?p=187#comments</comments>
		<pubDate>Sat, 24 Apr 2010 14:34:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[技术分享]]></category>

		<category><![CDATA[block formatting context]]></category>

		<category><![CDATA[块级格式化范围]]></category>

		<category><![CDATA[清除浮动]]></category>

		<category><![CDATA[边距重叠]]></category>

		<guid isPermaLink="false">http://www.webbw.com/?p=187</guid>
		<description><![CDATA[前几天讲闭合浮动元素的时候提到了块级格式化范围（block formatting context），现在我来详细解释一下。先看图片:

这两个普通的div的边距都是20px，但实际的边距不是20px+20px=40px，而是取20px，这就是最开始学css的同学总和我说的边距重叠，当俩个普通的div相遇时会有以下规则：

当两个div的边距都是正的时取最大的margin最为边距。
当两个div的边距都是一正一负时,边距为他们的边距相加。

刚才说的是普通情况下，所谓的普通就是没有长生格式化范围，看第二个图是产生格式化范围的情况，就是边距没有重叠，真是的边距就是20+20=40px，到现在我们知道了，产生块级格式化范围有两个特性，一个是清除浮动，一个是不会产生边距共享。下面看一下怎么才能产生块级格式化范围：

浮动元素,left或right皆可
绝对定位的元素
table-cell table-captions 类型元素
overflow 取职非visible的元素

还有一个问题就是当两个元素一个产生了块级格式化范围，一个没有时浏览器会怎么处理，ie6和ie7人为认为只要有一个产生了块级格式化就不应该和其他共享边距，而Firefox，opera，chrome，safari，ie8则认为应该共享边距。
边距共享还有另外一种形式就是div的嵌套，先看图片

这就是边距重叠的另外一种形式，由于div的嵌套，只有上下重叠，而左右没有重叠，当你最外层div设置padding和margin时就不会产生边距重叠，还有就是当最外成产生块级元素格式化范围时也可以避免边距重叠。
总结一下，产生块级元素格式化范围可以清除浮动和避免边距共享，而float有能产生块级元素格式化范围，所以很多人就会有float来实现上面的两个问题，或者是初学者不知道怎么回事，反正用float就能解决，这个不可取的，因为float很让人头痛。相比之下用overflow可能要好一些，但是有时定义了height或者max-height会产生一些问题，并且ie6也不会产生块级元素格式化范围，不会还好这个属性可以出发layout，可以达到同样的效果。
]]></description>
			<content:encoded><![CDATA[<p>前几天讲闭合浮动元素的时候提到了块级格式化范围（block formatting context），现在我来详细解释一下。先看图片:<br />
<img class="alignnone size-full wp-image-200" title="我没有产生块级格式化范围" src="http://www.webbw.com/wp-content/uploads/2010/04/block11.png" alt="我没有产生块级格式化范围" width="238" height="284" /><img class="alignnone size-full wp-image-198" style="margin-left:50px;" title="我没有产生块级格式化范围" src="http://www.webbw.com/wp-content/uploads/2010/04/block2.png" alt="我有产生块级格式化范围" width="230" height="287" /><br />
这两个普通的div的边距都是20px，但实际的边距不是20px+20px=40px，而是取20px，这就是最开始学css的同学总和我说的边距重叠，当俩个普通的div相遇时会有以下规则：</p>
<ol>
<li>当两个div的边距都是正的时取最大的margin最为边距。</li>
<li>当两个div的边距都是一正一负时,边距为他们的边距相加。</li>
</ol>
<p>刚才说的是普通情况下，所谓的普通就是没有长生格式化范围，看第二个图是产生格式化范围的情况，就是边距没有重叠，真是的边距就是20+20=40px，到现在我们知道了，产生块级格式化范围有两个特性，一个是清除浮动，一个是不会产生边距共享。下面看一下怎么才能产生块级格式化范围：</p>
<ul type="disc">
<li>浮动元素,left或right皆可</li>
<li>绝对定位的元素</li>
<li>table-cell table-captions 类型元素</li>
<li>overflow 取职非visible的元素</li>
</ul>
<p>还有一个问题就是当两个元素一个产生了块级格式化范围，一个没有时浏览器会怎么处理，ie6和ie7人为认为只要有一个产生了块级格式化就不应该和其他共享边距，而Firefox，opera，chrome，safari，ie8则认为应该共享边距。</p>
<p>边距共享还有另外一种形式就是div的嵌套，先看图片<br />
<img class="alignnone size-full wp-image-218" title="block3" src="http://www.webbw.com/wp-content/uploads/2010/04/block3.png" alt="block3" width="224" height="274" /><br />
这就是边距重叠的另外一种形式，由于div的嵌套，只有上下重叠，而左右没有重叠，当你最外层div设置padding和margin时就不会产生边距重叠，还有就是当最外成产生块级元素格式化范围时也可以避免边距重叠。</p>
<p>总结一下，产生块级元素格式化范围可以清除浮动和避免边距共享，而float有能产生块级元素格式化范围，所以很多人就会有float来实现上面的两个问题，或者是初学者不知道怎么回事，反正用float就能解决，这个不可取的，因为float很让人头痛。相比之下用overflow可能要好一些，但是有时定义了height或者max-height会产生一些问题，并且ie6也不会产生块级元素格式化范围，不会还好这个属性可以出发layout，可以达到同样的效果。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webbw.com/?feed=rss2&amp;p=187</wfw:commentRss>
		</item>
		<item>
		<title>从清除浮动（clear float）谈拥有布局（has layout）与块级格式化范围（block formatting context）</title>
		<link>http://www.webbw.com/?p=160</link>
		<comments>http://www.webbw.com/?p=160#comments</comments>
		<pubDate>Sat, 17 Apr 2010 08:17:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[技术分享]]></category>

		<category><![CDATA[block formatting context]]></category>

		<category><![CDATA[clear float]]></category>

		<category><![CDATA[InternetExplorer渲染引擎]]></category>

		<category><![CDATA[块级格式化范围]]></category>

		<category><![CDATA[拥有布局]]></category>

		<category><![CDATA[清除浮动]]></category>

		<guid isPermaLink="false">http://www.webbw.com/?p=160</guid>
		<description><![CDATA[float是网页布局中都要使用的css属性，他为我们灵活布局提供了方便，但同时浮动太多会带来很多麻烦，所以我通常的做法是使用float完后，马上清除他。float的本质是脱离的正常的html文档流，就是由于他脱离的文档流才出现了很多麻烦。
清除浮动（我更喜欢叫闭合浮动元素）的最简单的方法就用&#60;div style=&#8221;clear:both;&#8221;&#62;&#60;/div&#62;加入空的标签，但是这种不够语义化，也显得不是很灵活，每次都要加额外的html。于是有人就想到css里面有一个：after的，这样就不需要加入额外的html了，完全由css完成，于是就有了下面这段比较经典的css代码：
.clear:after{
content:" ";
display:block;
height:0;
clear:both;
visibility:hidden;}
简单的解释一下吧，用after产生的内容是个空格，先display:block,然后高度为0，不让他影响布局，clear:both就是清除浮动啦，隐藏和height:0差不多就是不要影响布局。但是这么做只对支持:after的浏览器（比较多了ie8、ie9、firefox3.X、opera、chrom、safari）有作用，要是不支持怎么办呢？
不支持after的浏览器也不是很多了，最常用的可能就只有ie6、ie7了，对于ie6、和ie7的解决就是加一个height:1%;就ok了。好了，貌似所有主流的浏览器的问题都解决了。赶快进入正题。
为什么ie6、7加了个height:1%就ok了？是为了让其has layout。那么has layout是什么呢？
其实haslayout 是Windows Internet Explorer7以下渲染引擎的一个内部组成部分。在InternetExplorer7以下中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout属性值为true时，我们说这个元素有一个布局（layout）。当一个元素有一个布局时，它负责对自己和可能的子孙元素进行尺寸计算和定位。简单来说，而不是依赖于祖先元素来完成这些工作。haslayout为只读属性 一旦被触发，就不可逆转。通过 IE Developer Toolbar 可以查看 IE 下 HTML元素是否拥有haslayout，拥有 haslayout的元素，通常显示为“haslayout = -1”。
这里的has layout就是对自己和可能的子孙元素进行尺寸计算和定位来决定父元素的高度，也就是父元素适应了里面内容的高度，这回大家就明白为什么加入一个height:1%的原因了，当然也可以加入其它的属性使其has layout，如width等。当然加float也可以（float也可以触发layout），但不推荐，不要用floa来清除浮动，这样float又会产生一个浮动，那样你的页面会很乱，初学者很容易犯得一个错误。
其实清除浮动的本质就是产生一个块级格式化范围，它会自动清除内部的浮动，首先强调一下块级格式化范围不是ie6、7所独有的，而是属于css的一种现象。关于边距重叠大家应该都比较清楚，两个普通的div边距，如果是两个正数，那么他们实际的边距是取他们中最大的，如果有一个是负数就把两个值加起来，这些就是由于没有产生块级格式化的原因。如果产生了块级格式化他们就将不会共享边距，他们的会有各自的边距，他们的实际边距就会相加。
那么当一个元素产生了块级格式化一个没有会是什么情况呢？
除了ie6、7认为只要有一个产生了块级格式化就不应该和其他共享边距，其他的浏览器（ie8 ie9 Firefox chrom Safari opera）都是认为可以边距共享的。我不知道这是不是又和ie的haslayou有关。
由于float会产生块级格式化范围，所以很多刚开始学css的人就会用float来产生块级格式化范围来清除浮动和避免边距重叠。但float很恶心啊！
关于has layout和block formatting context我这里先不多说了，以后会对他们单独解释。最后回归清除浮动，对于任何浏览器只要产生块级格式化范围就可以了，对于has layout浏览器要让浮动的父级元素has layout。知道这两点以后各种清除浮动的方法就很好懂了。
]]></description>
			<content:encoded><![CDATA[<p>float是网页布局中都要使用的css属性，他为我们灵活布局提供了方便，但同时浮动太多会带来很多麻烦，所以我通常的做法是使用float完后，马上清除他。float的本质是脱离的正常的html文档流，就是由于他脱离的文档流才出现了很多麻烦。</p>
<p>清除浮动（我更喜欢叫闭合浮动元素）的最简单的方法就用&lt;div style=&#8221;clear:both;&#8221;&gt;&lt;/div&gt;加入空的标签，但是这种不够语义化，也显得不是很灵活，每次都要加额外的html。于是有人就想到css里面有一个：after的，这样就不需要加入额外的html了，完全由css完成，于是就有了下面这段比较经典的css代码：<br />
<code>.clear:after{<br />
content:" ";<br />
display:block;<br />
height:0;<br />
clear:both;<br />
visibility:hidden;}</code></p>
<p>简单的解释一下吧，用after产生的内容是个空格，先display:block,然后高度为0，不让他影响布局，clear:both就是清除浮动啦，隐藏和height:0差不多就是不要影响布局。但是这么做只对支持:after的浏览器（比较多了ie8、ie9、firefox3.X、opera、chrom、safari）有作用，要是不支持怎么办呢？</p>
<p>不支持after的浏览器也不是很多了，最常用的可能就只有ie6、ie7了，对于ie6、和ie7的解决就是加一个height:1%;就ok了。好了，貌似所有主流的浏览器的问题都解决了。赶快进入正题。</p>
<p>为什么ie6、7加了个height:1%就ok了？是为了让其has layout。那么has layout是什么呢？</p>
<p>其实haslayout 是Windows Internet Explorer7以下渲染引擎的一个内部组成部分。在InternetExplorer7以下中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout属性值为true时，我们说这个元素有一个布局（layout）。当一个元素有一个布局时，它负责对自己和可能的子孙元素进行尺寸计算和定位。简单来说，而不是依赖于祖先元素来完成这些工作。haslayout为只读属性 一旦被触发，就不可逆转。通过 IE Developer Toolbar 可以查看 IE 下 HTML元素是否拥有haslayout，拥有 haslayout的元素，通常显示为“haslayout = -1”。</p>
<p>这里的has layout就是对自己和可能的子孙元素进行尺寸计算和定位来决定父元素的高度，也就是父元素适应了里面内容的高度，这回大家就明白为什么加入一个height:1%的原因了，当然也可以加入其它的属性使其has layout，如width等。当然加float也可以（float也可以触发layout），但不推荐，不要用floa来清除浮动，这样float又会产生一个浮动，那样你的页面会很乱，初学者很容易犯得一个错误。</p>
<p>其实清除浮动的本质就是产生一个<a href="http://www.webbw.com/?p=187">块级格式化范围</a>，它会自动清除内部的浮动，首先强调一下<a href="http://www.webbw.com/?p=187">块级格式化范围</a>不是ie6、7所独有的，而是属于css的一种现象。关于边距重叠大家应该都比较清楚，两个普通的div边距，如果是两个正数，那么他们实际的边距是取他们中最大的，如果有一个是负数就把两个值加起来，这些就是由于没有产生块级格式化的原因。如果产生了块级格式化他们就将不会共享边距，他们的会有各自的边距，他们的实际边距就会相加。</p>
<p>那么当一个元素产生了块级格式化一个没有会是什么情况呢？</p>
<p>除了ie6、7认为只要有一个产生了块级格式化就不应该和其他共享边距，其他的浏览器（ie8 ie9 Firefox chrom Safari opera）都是认为可以边距共享的。我不知道这是不是又和ie的haslayou有关。</p>
<p>由于float会产生<a href="http://www.webbw.com/?p=187">块级格式化范围</a>，所以很多刚开始学css的人就会用float来产生<a href="http://www.webbw.com/?p=187">块级格式化范围</a>来清除浮动和避免边距重叠。但float很恶心啊！</p>
<p>关于has layout和<a href="http://www.webbw.com/?p=187">block formatting context</a>我这里先不多说了，以后会对他们单独解释。最后回归清除浮动，对于任何浏览器只要产生<a href="http://www.webbw.com/?p=187">块级格式化范围</a>就可以了，对于has layout浏览器要让浮动的父级元素has layout。知道这两点以后各种清除浮动的方法就很好懂了。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webbw.com/?feed=rss2&amp;p=160</wfw:commentRss>
		</item>
		<item>
		<title>把网站改成黑白色</title>
		<link>http://www.webbw.com/?p=179</link>
		<comments>http://www.webbw.com/?p=179#comments</comments>
		<pubDate>Fri, 16 Apr 2010 05:37:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[技术分享]]></category>

		<category><![CDATA[FLASH改为黑白色]]></category>

		<category><![CDATA[ie滤镜]]></category>

		<category><![CDATA[网站改成黑白色]]></category>

		<guid isPermaLink="false">http://www.webbw.com/?p=179</guid>
		<description><![CDATA[为了纪念这个大地震，今天很多网站都变为 了黑白色的了。这里提供一个最简单的方法，使用ie的滤镜代码如下：
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
但是这个对于flash就不管用了。可以在FLASH代码的&#60;object&#62;&#60;/object&#62;之间插入：

&#60;param value="false" name="menu"/&#62;
&#60;param value="opaque" name="wmode"/&#62;

刚才说了是ie的滤镜所以只有在ie下才会起作用。非ie的浏览器着不会变化，没有什么太完美的解决方案，只能慢慢的来改。个人平时很少用ie的滤镜，只是在今天为了能够实现这样的目的才用了一下。简单的介绍一下吧。
滤镜说明：
　 alpha：设置透明层次
　　blur：创建高速度移动效果，即模糊效果
　　chroma：制作专用颜色透明
　　DropShadow：创建对象的固定影子
　　FlipH：创建水平镜像图片
　　FlipV：创建垂直镜像图片
　　glow：加光辉在附近对象的边外
　　gray：把图片灰度化
　　invert：反色
　　light：创建光源在对象上
　　mask：创建透明掩膜在对象上
　　shadow：创建偏移固定影子
　　wave：波纹效果
　　Xray：使对象变得像被x光照射一样
1、滤镜：Alpha
　　语法：STYLE=&#8221;filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)&#8221;
　　说明：
　　Opacity：起始值，取值为0～100, 0为透明，100为原图。
　　FinishOpacity：目标值。
　　Style：1或2或3
　　StartX：任意值
　　StartY：任意值
　　例子：filter:Alpha(Opacity=&#8221;0&#8243;,FinishOpacity=&#8221;75&#8243;,Style=&#8221;2&#8243;)
2、滤镜：blur
　　语法：STYLE=&#8221;filter:Blur(Add = add, Direction = direction, Strength = strength)&#8221;
　　说明：
　　Add：一般为1，或0。
　　Direction：角度，0～315度，步长为45度。
　　Strength：效果增长的数值，一般5即可。
　　例子：filter:Blur(Add=&#8221;1&#8243;,Direction=&#8221;45&#8243;,Strength=&#8221;5&#8243;)
3、滤镜：Chroma
　　语法：STYLE=&#8221;filter:Chroma(Color = color)&#8221;
　　说明：color：#rrggbb格式，任意。
　　例子：filter:Chroma(Color=&#8221;#FFFFFF&#8221;)
4、滤镜：DropShadow
　　语法：STYLE=&#8221;filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)&#8221;
　　说明：Color:#rrggbb格式，任意。
　　Offx：X轴偏离值。
　　Offy：Y轴偏离值。
　　Positive：1或0。
　　例子：filter:DropShadow(Color=&#8221;#6699CC&#8221;,OffX=&#8221;5&#8243;,OffY=&#8221;5&#8243;,Positive=&#8221;1&#8243;)
5、滤镜：FlipH
　　语法：STYLE=&#8221;filter:FlipH&#8221;
　　例子：filter:FlipH
6、滤镜：FlipV
　　语法：STYLE=&#8221;filter:FlipV&#8221;
　　例子：filter:FlipV
7、滤镜：glow
　　语法：STYLE=&#8221;filter:Glow(Color=color, Strength=strength)&#8221;
　　说明：
　　Color：发光颜色。
　　Strength：强度(0－100)
　　例子：filter:Glow(Color=&#8221;#6699CC&#8221;,Strength=&#8221;5&#8243;)
8、滤镜：gray
　　语法：STYLE=&#8221;filter:Gray&#8221;
　　例子：filter:Gray
9、滤镜：invert
　　语法：STYLE=&#8221;filter:Invert&#8221;
　　例子：filter:Invert
10、滤镜：mask
　　语法：STYLE=&#8221;filter:Mask(Color=color)&#8221;
　　例子：filter:Mask (Color=&#8221;#FFFFE0&#8243;)
11、滤镜：shadow
　　语法：filter:Shadow(Color=color, Direction=direction)
　　说明：
　　Color：#rrggbb格式。
　　Direction：角度，0－315度，步长为45度。
　　例子：filter:Shadow (Color=&#8221;#6699CC&#8221;, Direction=&#8221;135&#8243;)
12、滤镜：wave
　　语法：filter: Wave(Add=add，Freq=freq，LightStrength=strength，Phase=phase，Strength=strength)
　　说明：
　　Add：一般为1，或0。
　　Freq：变形值。
　　LightStrength：变形百分比。
　　Phase：角度变形百分比。
　　Strength：变形强度。
　　例子：filter: wave(Add=&#8221;0&#8243;, Phase=&#8221;4&#8243;, Freq=&#8221;5&#8243;, LightStrength=&#8221;5&#8243;, Strength=&#8221;2&#8243;)
13、滤镜：Xray
　　语法：STYLE=&#8221;filter:Xray&#8221;
　　例子：filter:Xray
]]></description>
			<content:encoded><![CDATA[<p>为了纪念这个大地震，今天很多网站都变为 了黑白色的了。这里提供一个最简单的方法，使用ie的滤镜代码如下：<br />
<code>html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }</code><br />
但是这个对于flash就不管用了。可以在FLASH代码的&lt;object&gt;&lt;/object&gt;之间插入：<br />
<code><br />
&lt;param value="false" name="menu"/&gt;<br />
&lt;param value="opaque" name="wmode"/&gt;<br />
</code><br />
刚才说了是ie的滤镜所以只有在ie下才会起作用。非ie的浏览器着不会变化，没有什么太完美的解决方案，只能慢慢的来改。个人平时很少用ie的滤镜，只是在今天为了能够实现这样的目的才用了一下。简单的介绍一下吧。<br />
滤镜说明：</p>
<p>　 alpha：设置透明层次<br />
　　blur：创建高速度移动效果，即模糊效果<br />
　　chroma：制作专用颜色透明<br />
　　DropShadow：创建对象的固定影子<br />
　　FlipH：创建水平镜像图片<br />
　　FlipV：创建垂直镜像图片<br />
　　glow：加光辉在附近对象的边外<br />
　　gray：把图片灰度化<br />
　　invert：反色<br />
　　light：创建光源在对象上<br />
　　mask：创建透明掩膜在对象上<br />
　　shadow：创建偏移固定影子<br />
　　wave：波纹效果<br />
　　Xray：使对象变得像被x光照射一样</p>
<p>1、滤镜：Alpha<br />
　　语法：STYLE=&#8221;filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)&#8221;<br />
　　说明：<br />
　　Opacity：起始值，取值为0～100, 0为透明，100为原图。<br />
　　FinishOpacity：目标值。<br />
　　Style：1或2或3<br />
　　StartX：任意值<br />
　　StartY：任意值<br />
　　例子：filter:Alpha(Opacity=&#8221;0&#8243;,FinishOpacity=&#8221;75&#8243;,Style=&#8221;2&#8243;)<br />
2、滤镜：blur<br />
　　语法：STYLE=&#8221;filter:Blur(Add = add, Direction = direction, Strength = strength)&#8221;<br />
　　说明：<br />
　　Add：一般为1，或0。<br />
　　Direction：角度，0～315度，步长为45度。<br />
　　Strength：效果增长的数值，一般5即可。<br />
　　例子：filter:Blur(Add=&#8221;1&#8243;,Direction=&#8221;45&#8243;,Strength=&#8221;5&#8243;)<br />
3、滤镜：Chroma<br />
　　语法：STYLE=&#8221;filter:Chroma(Color = color)&#8221;<br />
　　说明：color：#rrggbb格式，任意。<br />
　　例子：filter:Chroma(Color=&#8221;#FFFFFF&#8221;)<br />
4、滤镜：DropShadow<br />
　　语法：STYLE=&#8221;filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)&#8221;<br />
　　说明：Color:#rrggbb格式，任意。<br />
　　Offx：X轴偏离值。<br />
　　Offy：Y轴偏离值。<br />
　　Positive：1或0。<br />
　　例子：filter:DropShadow(Color=&#8221;#6699CC&#8221;,OffX=&#8221;5&#8243;,OffY=&#8221;5&#8243;,Positive=&#8221;1&#8243;)<br />
5、滤镜：FlipH<br />
　　语法：STYLE=&#8221;filter:FlipH&#8221;<br />
　　例子：filter:FlipH<br />
6、滤镜：FlipV<br />
　　语法：STYLE=&#8221;filter:FlipV&#8221;<br />
　　例子：filter:FlipV<br />
7、滤镜：glow<br />
　　语法：STYLE=&#8221;filter:Glow(Color=color, Strength=strength)&#8221;<br />
　　说明：<br />
　　Color：发光颜色。<br />
　　Strength：强度(0－100)<br />
　　例子：filter:Glow(Color=&#8221;#6699CC&#8221;,Strength=&#8221;5&#8243;)<br />
8、滤镜：gray<br />
　　语法：STYLE=&#8221;filter:Gray&#8221;<br />
　　例子：filter:Gray<br />
9、滤镜：invert<br />
　　语法：STYLE=&#8221;filter:Invert&#8221;<br />
　　例子：filter:Invert<br />
10、滤镜：mask<br />
　　语法：STYLE=&#8221;filter:Mask(Color=color)&#8221;<br />
　　例子：filter:Mask (Color=&#8221;#FFFFE0&#8243;)<br />
11、滤镜：shadow<br />
　　语法：filter:Shadow(Color=color, Direction=direction)<br />
　　说明：<br />
　　Color：#rrggbb格式。<br />
　　Direction：角度，0－315度，步长为45度。<br />
　　例子：filter:Shadow (Color=&#8221;#6699CC&#8221;, Direction=&#8221;135&#8243;)<br />
12、滤镜：wave<br />
　　语法：filter: Wave(Add=add，Freq=freq，LightStrength=strength，Phase=phase，Strength=strength)<br />
　　说明：<br />
　　Add：一般为1，或0。<br />
　　Freq：变形值。<br />
　　LightStrength：变形百分比。<br />
　　Phase：角度变形百分比。<br />
　　Strength：变形强度。<br />
　　例子：filter: wave(Add=&#8221;0&#8243;, Phase=&#8221;4&#8243;, Freq=&#8221;5&#8243;, LightStrength=&#8221;5&#8243;, Strength=&#8221;2&#8243;)<br />
13、滤镜：Xray<br />
　　语法：STYLE=&#8221;filter:Xray&#8221;<br />
　　例子：filter:Xray</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webbw.com/?feed=rss2&amp;p=179</wfw:commentRss>
		</item>
		<item>
		<title>解决ADOBE CS4 “错误: 148:3”</title>
		<link>http://www.webbw.com/?p=157</link>
		<comments>http://www.webbw.com/?p=157#comments</comments>
		<pubDate>Tue, 16 Feb 2010 11:52:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[技术分享]]></category>

		<guid isPermaLink="false">http://www.webbw.com/?p=157</guid>
		<description><![CDATA[突然之间我的Photoshop、Dreamweaver开启之后出现
“此产品的许可已停止工作”
“错误: 148:3”
最开始以为是又是许可证书的问题，但是和我一起破解的都没出现问题，看来不是ADOBE公司出了什么新手段，不是证书的问题，想想已停止工作，后来想了一下自己用过win7优化大师，给服务优化过。后来发现FLEXnet Licensing Service的服务的原因，仔细一看真的是FLEXnet Licensing Service的服务被优化大师关了。那接下来就开启吧！


开始→运行（或WIN+R），输入services.msc
找到一个名为 FLEXnet Licensing Service 的服务，看此服务是否启动（如果启动就没这回事了）
如果是已禁用状态，则改为“手动”即可
正常了


]]></description>
			<content:encoded><![CDATA[<p>突然之间我的Photoshop、Dreamweaver开启之后出现</p>
<p>“此产品的许可已停止工作”</p>
<p>“错误: 148:3”</p>
<p>最开始以为是又是许可证书的问题，但是和我一起破解的都没出现问题，看来不是ADOBE公司出了什么新手段，不是证书的问题，想想已停止工作，后来想了一下自己用过win7优化大师，给服务优化过。后来发现<span>FLEXnet Licensing Service的服务的原因，仔细一看真的是FLEXnet Licensing Service的服务被优化大师关了。那接下来就开启吧！</span></p>
<p><span></p>
<ol>
<li>开始→运行（或WIN+R），输入<strong>services.msc</strong></li>
<li>找到一个名为 <strong>FLEXnet Licensing Service</strong> 的服务，看此服务是否启动（如果启动就没这回事了）</li>
<li>如果是已禁用状态，则改为“<strong>手动</strong>”即可</li>
<li>正常了</li>
</ol>
<p></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webbw.com/?feed=rss2&amp;p=157</wfw:commentRss>
		</item>
		<item>
		<title>互联网产品开发流程</title>
		<link>http://www.webbw.com/?p=129</link>
		<comments>http://www.webbw.com/?p=129#comments</comments>
		<pubDate>Sat, 31 Oct 2009 08:49:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[技术分享]]></category>

		<category><![CDATA[Axure]]></category>

		<category><![CDATA[DEV]]></category>

		<category><![CDATA[Dreamweaver]]></category>

		<category><![CDATA[ID]]></category>

		<category><![CDATA[Illustrator]]></category>

		<category><![CDATA[MyEclipse]]></category>

		<category><![CDATA[PD]]></category>

		<category><![CDATA[Photoshop]]></category>

		<category><![CDATA[PM]]></category>

		<category><![CDATA[PRD]]></category>

		<category><![CDATA[VD]]></category>

		<category><![CDATA[WD]]></category>

		<category><![CDATA[互联网产品开发流程]]></category>

		<category><![CDATA[交互设计师]]></category>

		<category><![CDATA[产品策划]]></category>

		<category><![CDATA[产品经理]]></category>

		<category><![CDATA[前端开发工程师]]></category>

		<category><![CDATA[后端开发工程师]]></category>

		<category><![CDATA[视觉设计师]]></category>

		<guid isPermaLink="false">http://www.webbw.com/?p=129</guid>
		<description><![CDATA[对于稍微大一点的互联网产品都要有精心部署和安排才行，否则项目进行的将会一塌糊涂。
先说一说都有哪些岗位和开发所用的软件：

PD（产品策划）：word,visio,Axure
PM（产品经理）：EasyMind
ID（交互设计师）：Axure, Photoshop
VD（视觉设计师）：Phtotoshop, Illustrator
WD（前端开发工程师）：Photoshop, Dreamweaver
DEV（后端开发工程师）：Dreamweaver, MyEclipse

再说说MRD（Market Requirements Document市场需求文档）吧，MRD需明确传达产品需求的目的和目标，指出什么样的新产品、方案和服务为什么可以在市场上或者内部取得成功，以及希望取得怎样的成功。MRD说明“是什么”和“为什么”，但不要写“如何”（即不要包含流程图和原型图）。当产品需求为高优先级（即项目立项）时，需求方必须提供MRD文档。产品需求的优先级、权重和是否立项由项目实施委员会确定，日常需求由委员会负责人确定，非常规需求开会确定。
接下来就是PD的事情了，PD接到显性需求后，应仔细透彻地分析需求方的真正意图。有时候需求方的想法不一定正确，也有些是突然的想法并不可行，PD需进行判断；当这种情况出现时，PD有权提出自己的解决方法，包括否定需求。因判断失误造成需求冲突、重复开发等情况，责任由PD承担。当发生争执，由PM（Product Manager产品经理）协调解决。PD完成需求评审后，需告知需求方完成PRD的时间、产品开发的预估难度及完成工期。
接下来就应该是开发人员做PRD（Product Requirement Document产品需求文档），PRD侧重对产品产品功能和性能的说明，相对于MRD中的同样内容，要更加详细，并进行量化。PRD一般包含流程图、原型图等，使用用例等手段，以准确说明。也就是说从做PRD文档时就是已经进入准备开发阶段，这时MRD文档应该很明确了。
 接下来大家开会讨论PRD方案，参与讨论的应该有需求方、相关领域的顾问（即有丰富经验者）、PD或UI，并做好记录。接下来PD出设计结果方案，需求方签字确认。程序员接到PRD方案后，需评估完成开发的大致时间，以及任务分解安排。
ID（Interaction Designer交互设计师）根据PRD定稿做出交互设计方案，真实再现用户交互过程（工作室一般用强大的axure），并与PD、UI进行内部评审。视情况，PM参与，做完后要与需求方反复交流直到需求方满意。
接下来VD（视觉设计师）根据axure做出的原型，进行设计页面风格、布局、关键界面等。和用户交流对页面设计是否满意。
WD（前端开发工程师）根据设计页面切图，编写HTML，CSS，JS源代码。
下面就进入了后台开发阶段，在编码之前，程序员应视其系统需要，进行概要设计、数据库设计，并进行内部讨论和评审。程序员对文档或原型有疑问或不理解，需与PD和ID进行沟通，了解其真实涵义，不得以任何理由私自更改已确定的PRD文档方案。确有功能需做调整，程序员需与PD、需求方共同协商完成。改动应出具文档，由需求方、技术经理、PM同意。每个人写的代码都不可能完全正确，这样就需要边开发边测试。

α（alpha最初）测试。在开发小组内部进行，测试的方法也较多，黑盒、白盒、 压力、应力等。此阶段应完成80%以上的需求开发，测试以PRD和原型为准。测试完成后，收集反馈，修复BUG，优化流程。

β（beta第二次）测试：有选择地请一些最终用户实际使用，将发现的问题反馈，开发者对系统进行最后的修改，之后准备发布最终产品。β测试开发者不在场。产品估算开发时间，以完成β测试为准。

产品上线后可能还存在一些bug，这就需要后期的维护了。等产品稳定后就完成了这次开发



]]></description>
			<content:encoded><![CDATA[<p>对于稍微大一点的互联网产品都要有精心部署和安排才行，否则项目进行的将会一塌糊涂。<br />
先说一说都有哪些岗位和开发所用的软件：</p>
<ol>
<li>PD（产品<span>策划</span>）：word,visio,Axure</li>
<li>PM（产品经理）：<span lang="EN-US">EasyMind</span></li>
<li><span lang="EN-US">ID</span><span>（交互设计师）：</span><span lang="EN-US">Axure, Photoshop</span></li>
<li><span lang="EN-US">VD</span><span>（视觉设计师）：</span><span lang="EN-US">Phtotoshop, Illustrator</span></li>
<li><span lang="EN-US">WD</span><span>（前端开发工程师）：</span><span lang="EN-US">Photoshop, Dreamweaver</span></li>
<li><span lang="EN-US">DEV</span><span>（后端开发工程师）：</span><span lang="EN-US">Dreamweaver, MyEclipse</span></li>
</ol>
<p>再说说<span lang="EN-US">MRD</span><span>（</span><span lang="EN-US">Market Requirements Document</span><span>市场需求文档）吧，<span lang="EN-US">MRD</span><span>需明确传达产品需求的目的和目标，指出什么样的新产品、方案和服务为什么可以在市场上或者内部取得成功，以及希望取得怎样的成功。</span><span lang="EN-US">MRD</span><span>说明“是什么”和“为什么”，但不要写“如何”（即不要包含流程图和原型图）。当产品需求为高优先级（即项目立项）时，需求方必须提供</span><span lang="EN-US">MRD</span><span>文档。产品需求的优先级、权重和是否立项由项目实施委员会确定，日常需求由委员会负责人确定，非常规需求开会确定。</span></span></p>
<p><span><span>接下来就是PD的事情了，<span lang="EN-US">PD</span><span>接到显性需求后，应仔细透彻地分析需求方的真正意图。有时候需求方的想法不一定正确，也有些是突然的想法并不可行，</span><span lang="EN-US">PD</span><span>需进行判断；当这种情况出现时，</span><span lang="EN-US">PD</span><span>有权提出自己的解决方法，包括否定需求。因判断失误造成需求冲突、重复开发等情况，责任由</span><span lang="EN-US">PD</span><span>承担。当发生争执，由</span><span lang="EN-US">PM</span><span>（</span><span lang="EN-US">Product Manager</span><span>产品经理）协调解决。</span><span lang="EN-US">PD</span><span>完成需求评审后，需告知需求方完成</span><span lang="EN-US">PRD</span><span>的时间、产品开发的预估难度及完成工期。</span></span></span></p>
<p>接下来就应该是开发人员做<span lang="EN-US">PRD</span><span>（</span><span lang="EN-US">Product Requirement Document</span><span>产品需求文档），<span lang="EN-US">PRD</span><span>侧重对产品产品功能和性能的说明，相对于</span><span lang="EN-US">MRD</span><span>中的同样内容，要更加详细，并进行量化。</span><span lang="EN-US">PRD</span><span>一般包含流程图、原型图等，使用用例等手段，以准确说明。也就是说从做PRD文档时就是已经进入准备开发阶段，这时MRD文档应该很明确了。</span></span></p>
<p><span><span> 接下来大家开会讨论PRD方案，参与讨论的应该有<span>需求方、相关领域的顾问（即有丰富经验者）、</span><span lang="EN-US">PD</span><span>或</span><span lang="EN-US">UI，并做好记录。接下来<span lang="EN-US">PD</span><span>出设计结果方案，需求方签字确认。程序员接到</span><span lang="EN-US">PRD</span><span>方案后，需评估完成开发的大致时间，以及任务分解安排。</span></span></span></span></p>
<p><span lang="EN-US">ID</span><span>（</span><span lang="EN-US">Interaction Designer</span><span>交互设计师）根据</span><span lang="EN-US">PRD</span><span>定稿做出交互设计方案，真实再现用户交互过程（工作室一般用强大的axure），并与</span><span lang="EN-US">PD</span><span>、</span><span lang="EN-US">UI</span><span>进行内部评审。视情况，</span><span lang="EN-US">PM</span><span>参与，做完后要与需求方反复交流直到需求方满意。</span></p>
<p><span>接下来<span lang="EN-US">VD</span><span>（视觉设计师）根据axure做出的原型，进行设计页面风格、布局、关键界面等。和用户交流对页面设计是否满意。</span></span></p>
<p><span><span><span lang="EN-US">WD</span><span>（前端开发工程师）根据设计页面切图，编写HTML，CSS，JS源代码。</span></span></span></p>
<p><span><span><span>下面就进入了后台开发阶段，<span>在编码之前，程序员应视其系统需要，进行概要设计、数据库设计，并进行内部讨论和评审。程序员对文档或原型有疑问或不理解，需与</span><span lang="EN-US">PD和ID</span><span>进行沟通，了解其真实涵义，不得以任何理由私自更改已确定的</span><span lang="EN-US">PRD文档</span><span>方案。确有功能需做调整，程序员需与</span><span lang="EN-US">PD</span><span>、需求方共同协商完成。改动应出具文档，由需求方、技术经理、</span><span lang="EN-US">PM同意。每个人写的代码都不可能完全正确，这样就需要边开发边测试。</span></span></span></span></p>
<ul>
<li><span>α（</span><span lang="EN-US">alpha<span>最初）测试。在开发小组内部进行，测试的方法也较多，黑盒、白盒、</span><span lang="EN-US"> </span><span>压力、应力等。此阶段应完成</span><span lang="EN-US">80%</span><span>以上的需求开发，测试以</span><span lang="EN-US">PRD和原型</span><span>为准。测试完成后，收集反馈，修复</span><span lang="EN-US">BUG</span><span>，优化流程。</span></span></li>
<li>
<p class="MsoNormal" align="left"><span lang="EN-US">β</span><span>（</span><span lang="EN-US">beta</span><span>第二次）测试：有选择地请一些最终用户实际使用，将发现的问题反馈，开发者对系统进行最后的修改，之后准备发布最终产品。</span><span lang="EN-US">β</span><span>测试开发者不在场。产品估算开发时间，以完成</span><span lang="EN-US">β</span><span>测试为准。</span></p>
<p class="MsoNormal" align="left">
<p class="MsoNormal" align="left"><span>产品上线后可能还存在一些bug，这就需要后期的维护了。等产品稳定后就完成了这次开发</span></p>
</li>
</ul>
<p class="MsoNormal" align="left">
]]></content:encoded>
			<wfw:commentRss>http://www.webbw.com/?feed=rss2&amp;p=129</wfw:commentRss>
		</item>
		<item>
		<title>谷歌各国域名</title>
		<link>http://www.webbw.com/?p=125</link>
		<comments>http://www.webbw.com/?p=125#comments</comments>
		<pubDate>Mon, 17 Aug 2009 07:19:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[技术分享]]></category>

		<category><![CDATA[google 各国域名]]></category>

		<guid isPermaLink="false">http://www.webbw.com/?p=125</guid>
		<description><![CDATA[看看不同国家的google有什么区别吧！
a , 安道尔
ae : United Arab Emirates , 阿联酋
af : Afghanistan , 阿富汗
ag : Antigua and Barbuda , 安提瓜和巴布达
ai : Anguilla , 安格拉
al : Albania , 阿尔巴尼亚
am : Armenia , 亚美尼亚
an : Netherlands Antilles , 荷兰属地
ao : Angola , 安哥拉
aq : Antarctica , 南极洲
ar : Argentina , 阿根廷
as : American Samoa , 东萨摩亚
at : Austria [...]]]></description>
			<content:encoded><![CDATA[<p>看看不同国家的google有什么区别吧！<br />
a , 安道尔<br />
ae : United Arab Emirates , 阿联酋<br />
af : Afghanistan , 阿富汗<br />
ag : Antigua and Barbuda , 安提瓜和巴布达<br />
ai : Anguilla , 安格拉<br />
al : Albania , 阿尔巴尼亚<br />
am : Armenia , 亚美尼亚<br />
an : Netherlands Antilles , 荷兰属地<br />
ao : Angola , 安哥拉<br />
aq : Antarctica , 南极洲<br />
ar : Argentina , 阿根廷<br />
as : American Samoa , 东萨摩亚<br />
at : Austria , 奥地利<br />
au : Australia , 澳大利亚<br />
aw : Aruba , 阿鲁巴<br />
az : Azerbaijan , 阿塞拜疆 </p>
<p>ba : Bosnia Hercegovina , 波黑<br />
bb : Barbados , 巴巴多斯<br />
bd : Bangladesh , 孟加拉国<br />
be : Belgium , 比利时<br />
bf : Burkina Faso , 布基纳法索<br />
bg : Bulgaria , 保加利亚<br />
bh : Bahrain , 巴林<br />
bi : Burundi , 布隆迪<br />
bj : Benin , 贝宁<br />
bm : Bermuda , 百慕大<br />
bn : Brunei Darussalam , 文莱达鲁萨兰国<br />
bo : Bolivia , 玻利维亚<br />
br : Brazil , 巴西<br />
bs : Bahamas , 巴哈马<br />
bt : Bhutan , 不丹<br />
bv : Bouvet Island , 布韦群岛<br />
bw : Botswana, 伯兹瓦纳<br />
by : Belarus, 白俄罗斯<br />
bz : Belize , 伯利兹 </p>
<p>ca : Canada , 加拿大<br />
cc : Cocos Islands , 科科斯群岛<br />
cf : Central African Republic , 中非共和国<br />
cg : Congo , 刚果<br />
ch : Switzerland , 瑞士<br />
ci : Ivory Coast, 象牙海岸<br />
ck : Cook Islands , 库克群岛<br />
cl : Chile , 智利<br />
cm : Cameroon , 喀麦隆<br />
cn : China , 中国<br />
co : Colombia , 哥伦比亚<br />
cq : Equatorial Guinea , 赤道几内亚<br />
cr : Costa Rica , 哥斯达黎加<br />
cu : Cuba , 古巴<br />
cv : Cape Verde , 佛得角<br />
cx : Christmas Island, 圣诞岛（英<br />
cy : Cyprus , 塞浦路斯<br />
cz : Czech Republic , 捷克共和国 </p>
<p>de : Germany , 德国<br />
dj : Djibouti , 吉布提<br />
dk : Denmark , 丹麦<br />
dm : Dominica , 多米尼加联邦<br />
do : Dominican Republic , 多米尼加共和国<br />
dz : Algeria , 阿尔及利亚属） </p>
<p>ec : Ecuador , 厄瓜多尔<br />
ee : Estonia , 爱沙尼亚<br />
eg : Egypt , 埃及<br />
eh : Western Sahara , 西萨摩亚<br />
es : Spain , 西班牙<br />
et : Ethiopia , 埃塞俄比亚<br />
ev : El Salvador , 萨尔瓦多 </p>
<p>fi : Finland , 芬兰<br />
fj : Fiji , 斐济<br />
fk : Falkland Islands , 福克兰群岛<br />
fm : Micronesia , 密克罗尼西亚<br />
fo : Faroe Islands , 法罗群岛<br />
fr : France , 法国 </p>
<p>ga : Gobon, 加蓬<br />
gb : Great Britain (UK) , 大不列颠联合王国<br />
gd : Grenada , 格林纳达<br />
ge : Georgia , 格鲁吉亚<br />
gf : French Guiana , 法属圭亚那<br />
gh : Ghana , 加纳<br />
gi : Gibraltar , 直布罗陀<br />
gl : Greenland , 格陵兰群岛<br />
gm : Gambia , 冈比亚<br />
gn : Guynea , 几内亚<br />
gp : Guadeloupe, 瓜德罗普岛（法属）<br />
gr : Greece ,希腊<br />
gt : Guatemala , 危地马拉<br />
gu : Guam , 关岛<br />
gw : Guinea-Bissau , 几内亚比绍<br />
gy : Guyana , 圭亚那 </p>
<p>hk : Hong Kong , 香港<br />
hm : Heard &#038; McDonald Is. , 赫特与麦克唐纳群岛<br />
hn : Honduras , 洪都拉斯<br />
hr : Croatia , 克罗蒂亚<br />
ht : Haiti , 海地<br />
hu : Hungary , 匈牙利</p>
<p>id : Indonesia , 印度尼西亚<br />
ie : Ireland , 爱尔兰共和国<br />
il : Israel , 以色列<br />
in : India , 印度<br />
io : British Indian Ocean Territory, 英属印度洋领地<br />
iq : Iraq , 伊拉克<br />
ir : Iran , 伊朗<br />
is : Iceland , 冰岛<br />
it : Italy , 意大利 </p>
<p>jm : Jamaica , 牙买加<br />
jo : Jordan , 约旦<br />
jp : Japan , 日本</p>
<p>ke : Kenya , 肯尼亚<br />
kg : Kyrgyzstan , 吉尔吉斯斯坦<br />
kh : Cambodia , 柬埔塞<br />
ki : Kiribati , 基里巴斯<br />
km : Comoros , 科摩罗<br />
kn : St. Kitts &#038; Nevis, 圣茨和尼维斯<br />
kp : Korea-North , 北朝鲜<br />
kr : Korea-South , 南朝鲜<br />
kw : Kuwait , 科威特<br />
ky : Cayman Islands, 开曼群岛（英属）<br />
kz : Kazakhstan , 哈萨克斯坦 </p>
<p>la : Lao People&#8217;s Republic , 老挝人民共和国<br />
lb : Lebanon , 黎巴嫩<br />
lc : St. Lucia, 圣露西亚岛<br />
li : Liechtenstein , 列支敦士登<br />
lk : Sri Lanka , 斯里兰卡<br />
lr : Liberia , 利比里亚<br />
ls : Lesotho , 莱索托<br />
lt : Lithuania , 立陶宛<br />
lu : Luxembourg , 卢森堡<br />
lv : Latvia , 拉脱维亚<br />
ly : Libya , 利比亚 </p>
<p>ma : Morocco , 摩洛哥<br />
mc : Monaco , 摩纳哥<br />
md : Moldova , 摩尔多瓦<br />
mg : Madagascar , 马达加斯加<br />
mh : Marshall Islands , 马绍尔群岛<br />
ml : Mali , 马里<br />
mm : Myanmar, 缅甸<br />
mn : Mongolia , 蒙古<br />
mo : Macau , 澳门<br />
mp : Northern Mariana Islands, 北马里亚纳群岛<br />
mq : Martinique , 马提尼克岛（法属）<br />
mr : Mauritania , 毛里塔尼亚<br />
ms : Montserrat, 蒙塞拉特岛<br />
mt : Malta , 马尔他<br />
mv : Maldives , 马尔代夫<br />
mw : Malawi , 马拉维<br />
mx : Mexico , 墨西哥<br />
my : Malaysia , 马来西亚<br />
mz : Mozambique , 莫桑比克 </p>
<p>na : Namibia , 纳米比亚<br />
nc : New Caledonia, 新喀里多尼亚<br />
ne : Niger , 尼日尔<br />
nf : Norfolk Island, 诺福克岛<br />
ng : Nigeria , 尼日利亚<br />
ni : Nicaragua , 尼加拉瓜<br />
nl : Netherlands , 荷兰<br />
no : Norway , 挪威<br />
np : Nepal , 尼泊尔<br />
nr : Nauru , 瑙鲁<br />
nt : Neutral Zone , 中立区<br />
nu : Niue, 纽埃<br />
nz : New Zealand </p>
<p>om : Oman , 阿曼 </p>
<p>qa : Qatar , 卡塔尔 </p>
<p>pa : Panama , 巴拿马<br />
pe : Peru , 秘鲁<br />
pf : French Polynesia , 法属玻利尼西亚<br />
pg : Papua New Guinea , 巴布亚新几内亚<br />
ph : Philippines , 菲律宾<br />
pk : Pakistan , 巴基斯坦<br />
pl : Poland , 波兰<br />
pm : St. Pierre &#038; Mequielon, 圣皮埃尔和密克隆岛<br />
pn : Pitcairn Island, 皮特克恩岛<br />
pr : Puerto Rico , 波多黎各<br />
pt : Portugal , 葡萄牙<br />
pw : Palau , 帕劳<br />
py : Paraguay , 巴拉圭 </p>
<p>re : Reunion Island, 留尼汪岛（法属）<br />
ro : Romania , 罗马尼亚<br />
ru : Russian Federation , 俄罗斯联邦<br />
rw : Rwanda , 卢旺达 </p>
<p>sa : Saudi Arabia , 沙特阿拉伯<br />
sb : Solomon Islands , 所罗门群岛<br />
sc : Seychelles , 塞舌尔<br />
sd : Sudan , 苏旦<br />
se : Sweden , 瑞典<br />
sg : Singapore , 新加坡<br />
sh : St. Helena , 海伦娜<br />
si : Slovenia , 斯洛文尼亚<br />
sj : Svalbard &#038; Jan Mayen, 斯马尔巴特和扬马延岛<br />
sk : Slovakia , 斯洛伐克<br />
sl : Sierra Leone , 塞拉利昂<br />
sm : San Marino , 圣马力诺<br />
sn : Senegal , 塞内加尔<br />
so : Somalia , 索马里<br />
sr : Suriname , 苏里南<br />
st : Sao Tome &#038; Principe , 圣多美和普林西比<br />
su : USSR , 苏联<br />
sy : Syrian Arab Republic , 叙利亚<br />
sz : Swaziland , 斯威士兰 </p>
<p>tc : Turks &#038; Caicos Islands , 特克斯群岛与凯科斯群岛<br />
td : Chad , 乍得<br />
tf : French Southern Territories , 法属南半球领地<br />
tg : Togo , 多哥<br />
th : Thailand , 泰国<br />
tj : Tajikistan , 塔吉克斯坦<br />
tk : tokelau, 托克劳群岛<br />
tm : Turkmenistan , 土库曼斯坦<br />
tn : Tunisia , 突尼斯<br />
to : Tonga , 汤加<br />
tp : East Timor , 东帝汶<br />
tr : Turkey , 土耳其<br />
tt : Trinidad &#038; Tobago , 特立尼达和多巴哥<br />
tv : Tuvalu , 图瓦鲁<br />
tw : Taiwan , 台湾<br />
tz : Tanzania , 坦桑尼亚 </p>
<p>ua : Ukrainian SSR , 乌克兰<br />
ug : Uganda , 乌干达<br />
uk : United Kingdom , 英国<br />
us : United States , 美国<br />
uy : Uruguay , 乌拉圭 </p>
<p>va : Vatican City State , 梵地冈<br />
vc : St. Vincent &#038; the Grenadines, 圣文森特和格林纳丁斯<br />
ve : Venezuela , 委内瑞拉<br />
vg : Virgin Islands : 维京群岛<br />
vn : Vietnam , 越南<br />
vu : Vanuatu , 瓦努阿图 </p>
<p>wf : Wallis &#038; Fortuna Is. , 瓦利斯和富图纳群岛<br />
ws : Samoa , 东萨摩亚 </p>
<p>ye : Yemen , 也门<br />
yu : Yugoslavia , 南斯拉夫 </p>
<p>za : South Africa , 南非<br />
zm : Zambia , 赞比亚<br />
zr : Zaire , 扎伊尔<br />
zw : Zimbabwe , 津巴布韦</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webbw.com/?feed=rss2&amp;p=125</wfw:commentRss>
		</item>
		<item>
		<title>浏览器处理百分比的问题</title>
		<link>http://www.webbw.com/?p=102</link>
		<comments>http://www.webbw.com/?p=102#comments</comments>
		<pubDate>Tue, 14 Jul 2009 17:26:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[技术分享]]></category>

		<category><![CDATA[css 百分比 布局 50% ie firefox opera safari]]></category>

		<guid isPermaLink="false">http://www.webbw.com/?p=102</guid>
		<description><![CDATA[今天给徒弟做了个最简单的栏布局问题，才引起我对各个浏览器对百分比处理的注意，因为屏幕能显示的最小单位是1px，对于像1023*50%=511.5这样带小数怎么处理。
IE：按四舍五入的方式计算。
Firefox：计算后的值忽略小数部分，但会把多出的长度分配给里面的各元素。 如果只多出1px，比如2*386=772，剩下的1px会到其中一个元素，优先分配第一个元素，像773px分配给两个50%时得到的是：387px和 386px，分配给四个25%时得到的是：194px、193px、193px和193px。
Opera &#38; Safari2：计算时忽略百分比的小数部分，计算后的值忽略小数部分，如果里面的元素大于计算后的宽度不会导致后面的元素换行。
Netscape &#38; Mozilla：计算后忽略小数，多出部分有点类似Firefox，但多出部分是比透明显示，而且比较奇怪，比如33.33%*3=99.99%　小于100%，但却大于100%，奇怪的浏览器，还好使用的人不多，不用过于在意这两个浏览器。
看了上面大家可能感觉有点头大，所以建议大家尽量不要用百分比来布局，这样会带来很多麻烦。
]]></description>
			<content:encoded><![CDATA[<p>今天给徒弟做了个最简单的栏布局问题，才引起我对各个浏览器对百分比处理的注意，因为屏幕能显示的最小单位是1px，对于像1023*50%=511.5这样带小数怎么处理。</p>
<p><strong>IE</strong>：按四舍五入的方式计算。</p>
<p><strong>Firefox</strong>：计算后的值忽略小数部分，但会把多出的长度分配给里面的各元素。 如果只多出1px，比如2*386=772，剩下的1px会到其中一个元素，优先分配第一个元素，像773px分配给两个50%时得到的是：387px和 386px，分配给四个25%时得到的是：194px、193px、193px和193px。</p>
<p><strong>Opera &amp; Safari2</strong>：计算时忽略百分比的小数部分，计算后的值忽略小数部分，如果里面的元素大于计算后的宽度不会导致后面的元素换行。</p>
<p><strong>Netscape &amp; Mozilla</strong>：计算后忽略小数，多出部分有点类似Firefox，但多出部分是比透明显示，而且比较奇怪，比如33.33%*3=99.99%　小于100%，但却大于100%，奇怪的浏览器，还好使用的人不多，不用过于在意这两个浏览器。</p>
<p>看了上面大家可能感觉有点头大，所以建议大家尽量不要用百分比来布局，这样会带来很多麻烦。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webbw.com/?feed=rss2&amp;p=102</wfw:commentRss>
		</item>
		<item>
		<title>Windows 7中的Telnet服务安装</title>
		<link>http://www.webbw.com/?p=90</link>
		<comments>http://www.webbw.com/?p=90#comments</comments>
		<pubDate>Sat, 04 Jul 2009 04:36:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[技术分享]]></category>

		<category><![CDATA[telnet服务 windows7]]></category>

		<guid isPermaLink="false">http://www.webbw.com/?p=90</guid>
		<description><![CDATA[Telnet是系统管理员常用的远程登录和管理工具，在Windows 2000/XP/2003/Vista系统中它作为标准的系统组件集成到系统中供用户使用。不过默认情况下Telnet服务是被禁止，通常情况下我们只需运行services.msc打开服务管理，找到Telnet服务项设置其启动类型为“手动”或者“自动”，然后启动该服务即可使用了。不过在Windows 7中，你按照上述方法是不能找到并启用Telnet服务的。那如何找回Windows 7的Telnet功能呢?
1、隐藏原因
其实，在服务管理器中找不到Telnet并不是Windows 7抛弃了Telnet，而是默认状态下Windows 7并没有安装Telnet服务。这也是微软第一次从个人系统中将Telnet剔出了系统默认组件之外，这和Windows Server 2008类似。我想微软这么做，应该是出于安全性考虑，毕竟Telnet的数据是以明文传输的，攻击者和容易通过嗅探获取敏感信息。基于安全性考虑，建议大家还是使用安全性更高的、加密的SSH远程管理方式。
2、安装Telnet
不过，我们也没有必要因噎废食，作为个人用户Telnet还是非常方便的。在Windows 7下安装Telnet和Windows Server 2008略有不同，大家可以通过下面的操作方法实现。依次点击“Start”→“Control Panel ”→“Programs”，“在Programs and Features”找到并点击“Turn Windows features on or off ”进入Windows features 。找到并勾选“Telnet Client端”和“Telnet Server”，最后“OK”稍等片刻即可完成安装。除此之外，我们也可通过该向导安装“TFTP Server”、“IIS”等。
安装完成后，Telnet服务默认情况下是禁用的。还需执行“strat”→“run”，输入servcies.msc打开服务管理器。找到并双击Telnet服务项，设置其启动方式为“manual”(更安全，只在需要的时候才启用)，最后“start”该服务“ok”退出即可。
]]></description>
			<content:encoded><![CDATA[<p>Telnet是系统管理员常用的远程登录和管理工具，在Windows 2000/XP/2003/Vista系统中它作为标准的系统组件集成到系统中供用户使用。不过默认情况下Telnet服务是被禁止，通常情况下我们只需运行services.msc打开服务管理，找到Telnet服务项设置其启动类型为“手动”或者“自动”，然后启动该服务即可使用了。不过在Windows 7中，你按照上述方法是不能找到并启用Telnet服务的。那如何找回Windows 7的Telnet功能呢?<br />
1、隐藏原因<br />
其实，在服务管理器中找不到Telnet并不是Windows 7抛弃了Telnet，而是默认状态下Windows 7并没有安装Telnet服务。这也是微软第一次从个人系统中将Telnet剔出了系统默认组件之外，这和Windows Server 2008类似。我想微软这么做，应该是出于安全性考虑，毕竟Telnet的数据是以明文传输的，攻击者和容易通过嗅探获取敏感信息。基于安全性考虑，建议大家还是使用安全性更高的、加密的SSH远程管理方式。<br />
2、安装Telnet<br />
不过，我们也没有必要因噎废食，作为个人用户Telnet还是非常方便的。在Windows 7下安装Telnet和Windows Server 2008略有不同，大家可以通过下面的操作方法实现。依次点击“Start”→“Control Panel ”→“Programs”，“在Programs and Features”找到并点击“Turn Windows features on or off ”进入Windows features 。找到并勾选“Telnet Client端”和“Telnet Server”，最后“OK”稍等片刻即可完成安装。除此之外，我们也可通过该向导安装“TFTP Server”、“IIS”等。</p>
<div id="attachment_91" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-91" title="telnet" src="http://www.webbw.com/wp-content/uploads/2009/07/telnet.jpg" alt="telnet安装过程" width="600" /><p class="wp-caption-text">telnet安装过程</p></div>
<p>安装完成后，Telnet服务默认情况下是禁用的。还需执行“strat”→“run”，输入servcies.msc打开服务管理器。找到并双击Telnet服务项，设置其启动方式为“manual”(更安全，只在需要的时候才启用)，最后“start”该服务“ok”退出即可。</p>
<div id="attachment_92" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-92" title="strat" src="http://www.webbw.com/wp-content/uploads/2009/07/strat.jpg" alt="开启telnet服务" width="600"  /><p class="wp-caption-text">开启telnet服务</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.webbw.com/?feed=rss2&amp;p=90</wfw:commentRss>
		</item>
		<item>
		<title>又有了收获——腾讯笔试后的思考</title>
		<link>http://www.webbw.com/?p=71</link>
		<comments>http://www.webbw.com/?p=71#comments</comments>
		<pubDate>Wed, 20 May 2009 15:24:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[技术分享]]></category>

		<category><![CDATA[font-style italic和oblique的区别，html实体字符]]></category>

		<guid isPermaLink="false">http://www.webbw.com/?p=71</guid>
		<description><![CDATA[上周六参加了腾讯公司的网页重构笔试，笔试时有两道很基本的填空题没打上来：
1.用css实现斜体.这个问题有两个答案一个是font-style：italic；另一个是font-style：oblique；但italic和oblique之间还是有区别的。这就要从字体的构成上来看了，有些字体会提供粗体，斜体等样式。而有些字体别没有提供斜体。italic就是用于你设的字体提供斜体的样式的，当把font-style设成italic时浏览器会自动调用这个字体的斜体。而这时如果你的pc上不存在斜体，这个属性就失效了。这时就可以用oblique，它的作用是当不存在斜体时，浏览器会像机器一样把字变成斜体，当然这样的斜体看上去不会很舒服。
2.就是的©实体字符是什么？由于以前做项目时都是复制的，这个问题就没打上来，回来看了一下应该是&#38;copy;。关于实体字符我找了一下资料，也把其他实体字符写成了HTML实体字符
后面的简答题做的也不是很好，没有理解到出题者的意图，只是写的很随意，没有说出每道题的核心，只是说明我在项目过程中遇到的问题，没有说明原因，没有写出我处理问题的逻辑。现在想一想笔试不仅可以看出技术水平，也能看出一个人的心态。做网页重构需要很细致，应该做到1个像素都不差，语义化的标签不要弄错……而笔试时自己写的很随意，表现出来的就是自己不是一个很细致的人。当然现在也有了很多的收获，毕竟现在才大二，还有很多时间来学习，找到自己的弱点继续努力！
1.不论是生活中还是项目中做一个细心的人。
2.做到语义化，掌握每一个标签的深刻含义。
3.了解主流浏览器（如ie6、7、8，ff2、3，safari、opera以及chrom）的特性。做到兼容现有主流浏览器。
4.锻炼自己发现问题——解决问题的能力和处理问题的逻辑思维。
]]></description>
			<content:encoded><![CDATA[<p>上周六参加了腾讯公司的网页重构笔试，笔试时有两道很基本的填空题没打上来：<br />
1.用css实现斜体.这个问题有两个答案一个是<code>font-style：italic；</code>另一个是<code>font-style：oblique；</code>但italic和oblique之间还是有区别的。这就要从字体的构成上来看了，有些字体会提供粗体，斜体等样式。而有些字体别没有提供斜体。italic就是用于你设的字体提供斜体的样式的，当把font-style设成italic时浏览器会自动调用这个字体的斜体。而这时如果你的pc上不存在斜体，这个属性就失效了。这时就可以用oblique，它的作用是当不存在斜体时，浏览器会像机器一样把字变成斜体，当然这样的斜体看上去不会很舒服。<br />
2.就是的©实体字符是什么？由于以前做项目时都是复制的，这个问题就没打上来，回来看了一下应该是&amp;copy;。关于实体字符我找了一下资料，也把其他实体字符写成了<a title="HTML实体字符" href="http://www.webbw.com/?p=81" target="_blank">HTML实体字符</a><br />
后面的简答题做的也不是很好，没有理解到出题者的意图，只是写的很随意，没有说出每道题的核心，只是说明我在项目过程中遇到的问题，没有说明原因，没有写出我处理问题的逻辑。现在想一想笔试不仅可以看出技术水平，也能看出一个人的心态。做网页重构需要很细致，应该做到1个像素都不差，语义化的标签不要弄错……而笔试时自己写的很随意，表现出来的就是自己不是一个很细致的人。当然现在也有了很多的收获，毕竟现在才大二，还有很多时间来学习，找到自己的弱点继续努力！<br />
1.不论是生活中还是项目中做一个细心的人。<br />
2.做到语义化，掌握每一个标签的深刻含义。<br />
3.了解主流浏览器（如ie6、7、8，ff2、3，safari、opera以及chrom）的特性。做到兼容现有主流浏览器。<br />
4.锻炼自己发现问题——解决问题的能力和处理问题的逻辑思维。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webbw.com/?feed=rss2&amp;p=71</wfw:commentRss>
		</item>
		<item>
		<title>HTML实体字符</title>
		<link>http://www.webbw.com/?p=81</link>
		<comments>http://www.webbw.com/?p=81#comments</comments>
		<pubDate>Wed, 20 May 2009 01:16:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[技术分享]]></category>

		<category><![CDATA[html实体字符]]></category>

		<guid isPermaLink="false">http://www.webbw.com/?p=81</guid>
		<description><![CDATA[

字符
十进制字符编号
实体名字
说明


&#8212;
&#38;#00;
&#8212;
未使用Unused


&#8212;
&#38;#01;
&#8212;
未使用Unused


&#8212;
&#38;#02;
&#8212;
未使用Unused


&#8212;
&#38;#03;
&#8212;
未使用Unused


&#8212;
&#38;#04;
&#8212;
未使用Unused


&#8212;
&#38;#05;
&#8212;
未使用Unused


&#8212;
&#38;#06;
&#8212;
未使用Unused


&#8212;
&#38;#07;
&#8212;
未使用Unused


&#8212;
&#38;#08;
&#8212;
未使用Unused


&#8212;
&#38;#09;
&#8212;
制表符Horizontal tab


&#8212;
&#38;#10;
&#8212;
换行Line feed


&#8212;
&#38;#11;
&#8212;
未使用Unused


&#8212;
&#38;#12;
&#8212;
未使用Unused


&#8212;
&#38;#13;
&#8212;
回车Carriage Return


&#8212;
&#38;#14;
&#8212;
未使用Unused


&#8212;
&#38;#15;
&#8212;
未使用Unused


&#8212;
&#38;#16;
&#8212;
未使用Unused


&#8212;
&#38;#17;
&#8212;
未使用Unused


&#8212;
&#38;#18;
&#8212;
未使用Unused


&#8212;
&#38;#19;
&#8212;
未使用Unused


&#8212;
&#38;#20;
&#8212;
未使用Unused


&#8212;
&#38;#21;
&#8212;
未使用Unused


&#8212;
&#38;#22;
&#8212;
未使用Unused


&#8212;
&#38;#23;
&#8212;
未使用Unused


&#8212;
&#38;#24;
&#8212;
未使用Unused


&#8212;
&#38;#25;
&#8212;
未使用Unused


&#8212;
&#38;#26;
&#8212;
未使用Unused


&#8212;
&#38;#27;
&#8212;
未使用Unused


&#8212;
&#38;#28;
&#8212;
未使用Unused


&#8212;
&#38;#29;
&#8212;
未使用Unused


&#8212;
&#38;#30;
&#8212;
未使用Unused


&#8212;
&#38;#31;
&#8212;
未使用Unused


 
&#38;#32;
&#8212;
Space


!
&#38;#33;
&#8212;
惊叹号Exclamation mark


&#8220;
&#38;#34;
&#38;quot;
双引号Quotation mark


#
&#38;#35;
&#8212;
数字标志Number sign


$
&#38;#36;
&#8212;
美元标志Dollar sign


%
&#38;#37;
&#8212;
百分号Percent sign


&#38;
&#38;#38;
&#38;amp;
Ampersand


&#8216;
&#38;#39;
&#8212;
单引号Apostrophe


(
&#38;#40;
&#8212;
小括号左边部分Left parenthesis


)
&#38;#41;
&#8212;
小括号右边部分Right parenthesis


*
&#38;#42;
&#8212;
星号Asterisk


+
&#38;#43;
&#8212;
加号Plus sign


,
&#38;#44;
&#8212;
逗号Comma


-
&#38;#45;
&#8212;
连字号Hyphen


.
&#38;#46;
&#8212;
句号Period (fullstop)


/
&#38;#47;
&#8212;
斜杠Solidus (slash)


0
&#38;#48;
&#8212;
数字0 Digit 0


1
&#38;#49;
&#8212;
数字1 Digit 1


2
&#38;#50;
&#8212;
数字2 Digit 2


3
&#38;#51;
&#8212;
数字3 Digit 3


4
&#38;#52;
&#8212;
数字4 Digit 4


5
&#38;#53;
&#8212;
数字5 Digit 5


6
&#38;#54;
&#8212;
数字6 Digit 6


7
&#38;#55;
&#8212;
数字7 Digit 7


;8
&#38;#56;
&#8212;
数字8 Digit 8


9
&#38;#57;
&#8212;
数字9 Digit 9


:
&#38;#58;
&#8212;
冒号Colon


;
&#38;#59;
&#8212;
分号Semicolon


&#60;
&#38;#60;
&#38;lt;
小于号Less than


=
&#38;#61;
&#8212;
等于符号Equals sign


&#62;
&#38;#62;
&#38;gt;
大于号Greater than


?
&#38;#63;
&#8212;
问号Question mark


@
&#38;#64;
&#8212;
Commercial at


A
&#38;#65;
&#8212;
大写A Capital A


B
&#38;#66;
&#8212;
大写B Capital B


C
&#38;#67;
&#8212;
大写C Capital C


D
&#38;#68;
&#8212;
大写D Capital D


E
&#38;#69;
&#8212;
大写E Capital E


F
&#38;#70;
&#8212;
大写F Capital F


G
&#38;#71;
&#8212;
大写G Capital G


H
&#38;#72;
&#8212;
大写H Capital [...]]]></description>
			<content:encoded><![CDATA[<table>
<tr align="center">
<td width="47">字符</td>
<td width="118">十进制字符编号</td>
<td width="149">实体名字</td>
<td width="276">说明</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#00;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#01;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#02;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#03;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#04;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#05;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#06;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#07;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#08;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#09;</td>
<td>&#8212;</td>
<td>制表符Horizontal tab</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#10;</td>
<td>&#8212;</td>
<td>换行Line feed</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#11;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#12;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#13;</td>
<td>&#8212;</td>
<td>回车Carriage Return</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#14;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#15;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#16;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#17;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#18;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#19;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#20;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#21;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#22;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#23;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#24;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#25;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#26;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#27;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#28;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#29;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#30;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#31;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td> </td>
<td>&amp;#32;</td>
<td>&#8212;</td>
<td>Space</td>
</tr>
<tr align="center">
<td>!</td>
<td>&amp;#33;</td>
<td>&#8212;</td>
<td>惊叹号Exclamation mark</td>
</tr>
<tr align="center">
<td>&#8220;</td>
<td>&amp;#34;</td>
<td>&amp;quot;</td>
<td>双引号Quotation mark</td>
</tr>
<tr align="center">
<td>#</td>
<td>&amp;#35;</td>
<td>&#8212;</td>
<td>数字标志Number sign</td>
</tr>
<tr align="center">
<td>$</td>
<td>&amp;#36;</td>
<td>&#8212;</td>
<td>美元标志Dollar sign</td>
</tr>
<tr align="center">
<td>%</td>
<td>&amp;#37;</td>
<td>&#8212;</td>
<td>百分号Percent sign</td>
</tr>
<tr align="center">
<td>&amp;</td>
<td>&amp;#38;</td>
<td>&amp;amp;</td>
<td>Ampersand</td>
</tr>
<tr align="center">
<td>&#8216;</td>
<td>&amp;#39;</td>
<td>&#8212;</td>
<td>单引号Apostrophe</td>
</tr>
<tr align="center">
<td>(</td>
<td>&amp;#40;</td>
<td>&#8212;</td>
<td>小括号左边部分Left parenthesis</td>
</tr>
<tr align="center">
<td>)</td>
<td>&amp;#41;</td>
<td>&#8212;</td>
<td>小括号右边部分Right parenthesis</td>
</tr>
<tr align="center">
<td>*</td>
<td>&amp;#42;</td>
<td>&#8212;</td>
<td>星号Asterisk</td>
</tr>
<tr align="center">
<td>+</td>
<td>&amp;#43;</td>
<td>&#8212;</td>
<td>加号Plus sign</td>
</tr>
<tr align="center">
<td>,</td>
<td>&amp;#44;</td>
<td>&#8212;</td>
<td>逗号Comma</td>
</tr>
<tr align="center">
<td>-</td>
<td>&amp;#45;</td>
<td>&#8212;</td>
<td>连字号Hyphen</td>
</tr>
<tr align="center">
<td>.</td>
<td>&amp;#46;</td>
<td>&#8212;</td>
<td>句号Period (fullstop)</td>
</tr>
<tr align="center">
<td>/</td>
<td>&amp;#47;</td>
<td>&#8212;</td>
<td>斜杠Solidus (slash)</td>
</tr>
<tr align="center">
<td>0</td>
<td>&amp;#48;</td>
<td>&#8212;</td>
<td>数字0 Digit 0</td>
</tr>
<tr align="center">
<td>1</td>
<td>&amp;#49;</td>
<td>&#8212;</td>
<td>数字1 Digit 1</td>
</tr>
<tr align="center">
<td>2</td>
<td>&amp;#50;</td>
<td>&#8212;</td>
<td>数字2 Digit 2</td>
</tr>
<tr align="center">
<td>3</td>
<td>&amp;#51;</td>
<td>&#8212;</td>
<td>数字3 Digit 3</td>
</tr>
<tr align="center">
<td>4</td>
<td>&amp;#52;</td>
<td>&#8212;</td>
<td>数字4 Digit 4</td>
</tr>
<tr align="center">
<td>5</td>
<td>&amp;#53;</td>
<td>&#8212;</td>
<td>数字5 Digit 5</td>
</tr>
<tr align="center">
<td>6</td>
<td>&amp;#54;</td>
<td>&#8212;</td>
<td>数字6 Digit 6</td>
</tr>
<tr align="center">
<td>7</td>
<td>&amp;#55;</td>
<td>&#8212;</td>
<td>数字7 Digit 7</td>
</tr>
<tr align="center">
<td>;8</td>
<td>&amp;#56;</td>
<td>&#8212;</td>
<td>数字8 Digit 8</td>
</tr>
<tr align="center">
<td>9</td>
<td>&amp;#57;</td>
<td>&#8212;</td>
<td>数字9 Digit 9</td>
</tr>
<tr align="center">
<td>:</td>
<td>&amp;#58;</td>
<td>&#8212;</td>
<td>冒号Colon</td>
</tr>
<tr align="center">
<td>;</td>
<td>&amp;#59;</td>
<td>&#8212;</td>
<td>分号Semicolon</td>
</tr>
<tr align="center">
<td>&lt;</td>
<td>&amp;#60;</td>
<td>&amp;lt;</td>
<td>小于号Less than</td>
</tr>
<tr align="center">
<td>=</td>
<td>&amp;#61;</td>
<td>&#8212;</td>
<td>等于符号Equals sign</td>
</tr>
<tr align="center">
<td>&gt;</td>
<td>&amp;#62;</td>
<td>&amp;gt;</td>
<td>大于号Greater than</td>
</tr>
<tr align="center">
<td>?</td>
<td>&amp;#63;</td>
<td>&#8212;</td>
<td>问号Question mark</td>
</tr>
<tr align="center">
<td>@</td>
<td>&amp;#64;</td>
<td>&#8212;</td>
<td>Commercial at</td>
</tr>
<tr align="center">
<td>A</td>
<td>&amp;#65;</td>
<td>&#8212;</td>
<td>大写A Capital A</td>
</tr>
<tr align="center">
<td>B</td>
<td>&amp;#66;</td>
<td>&#8212;</td>
<td>大写B Capital B</td>
</tr>
<tr align="center">
<td>C</td>
<td>&amp;#67;</td>
<td>&#8212;</td>
<td>大写C Capital C</td>
</tr>
<tr align="center">
<td>D</td>
<td>&amp;#68;</td>
<td>&#8212;</td>
<td>大写D Capital D</td>
</tr>
<tr align="center">
<td>E</td>
<td>&amp;#69;</td>
<td>&#8212;</td>
<td>大写E Capital E</td>
</tr>
<tr align="center">
<td>F</td>
<td>&amp;#70;</td>
<td>&#8212;</td>
<td>大写F Capital F</td>
</tr>
<tr align="center">
<td>G</td>
<td>&amp;#71;</td>
<td>&#8212;</td>
<td>大写G Capital G</td>
</tr>
<tr align="center">
<td>H</td>
<td>&amp;#72;</td>
<td>&#8212;</td>
<td>大写H Capital H</td>
</tr>
<tr align="center">
<td>I</td>
<td>&amp;#73;</td>
<td>&#8212;</td>
<td>大写J Capital I</td>
</tr>
<tr align="center">
<td>J</td>
<td>;&amp;#74;</td>
<td>&#8212;</td>
<td>大写K Capital J</td>
</tr>
<tr align="center">
<td>K</td>
<td>&amp;#75;</td>
<td>&#8212;</td>
<td>大写L Capital K</td>
</tr>
<tr align="center">
<td>L</td>
<td>&amp;#76;</td>
<td>&#8212;</td>
<td>大写K Capital L</td>
</tr>
<tr align="center">
<td>M</td>
<td>&amp;#77;</td>
<td>&#8212;</td>
<td>大写M Capital M</td>
</tr>
<tr align="center">
<td>N</td>
<td>&amp;#78;</td>
<td>&#8212;</td>
<td>大写N Capital N</td>
</tr>
<tr align="center">
<td>O</td>
<td>&amp;#79;</td>
<td>&#8212;</td>
<td>大写O Capital O</td>
</tr>
<tr align="center">
<td>P</td>
<td>&amp;#80;</td>
<td>&#8212;</td>
<td>大写P Capital P</td>
</tr>
<tr align="center">
<td>Q</td>
<td>&amp;#81;</td>
<td>&#8212;</td>
<td>大写Q Capital Q</td>
</tr>
<tr align="center">
<td>R</td>
<td>&amp;#82;</td>
<td>&#8212;</td>
<td>大写R Capital R</td>
</tr>
<tr align="center">
<td>S</td>
<td>&amp;#83;</td>
<td>&#8212;</td>
<td>大写S Capital S</td>
</tr>
<tr align="center">
<td>T</td>
<td>&amp;#84;</td>
<td>&#8212;</td>
<td>大写T Capital T</td>
</tr>
<tr align="center">
<td>U</td>
<td>&amp;#85;</td>
<td>&#8212;</td>
<td>大写U Capital U</td>
</tr>
<tr align="center">
<td>V</td>
<td>&amp;#86;</td>
<td>&#8212;</td>
<td>大写V Capital V</td>
</tr>
<tr align="center">
<td>W</td>
<td>&amp;#87;</td>
<td>&#8212;</td>
<td>大写W Capital W</td>
</tr>
<tr align="center">
<td>X</td>
<td>&amp;#88;</td>
<td>&#8212;</td>
<td>大写X Capital X</td>
</tr>
<tr align="center">
<td>Y</td>
<td>&amp;#89;</td>
<td>&#8212;</td>
<td>大写Y Capital Y</td>
</tr>
<tr align="center">
<td>Z</td>
<td>&amp;#90;</td>
<td>&#8212;</td>
<td>大写Z Capital Z</td>
</tr>
<tr align="center">
<td>[</td>
<td>&amp;#91;</td>
<td>---</td>
<td>中括号左边部分Left square bracket</td>
</tr>
<tr align="center">
<td>\</td>
<td>&amp;#92;</td>
<td>---</td>
<td>反斜杠Reverse solidus (backslash)</td>
</tr>
<tr align="center">
<td>]</td>
<td>&amp;#93;</td>
<td>&#8212;</td>
<td>中括号右边部分Right square bracket</td>
</tr>
<tr align="center">
<td>^</td>
<td>&amp;#94;</td>
<td>&#8212;</td>
<td>Caret</td>
</tr>
<tr align="center">
<td>_</td>
<td>&amp;#95;</td>
<td>&#8212;</td>
<td>下划线Horizontal bar (underscore)</td>
</tr>
<tr align="center">
<td>`</td>
<td>&amp;#96;</td>
<td>&#8212;</td>
<td>尖重音符Acute accent</td>
</tr>
<tr align="center">
<td>a</td>
<td>&amp;#97;</td>
<td>&#8212;</td>
<td>小写a Small a</td>
</tr>
<tr align="center">
<td>b</td>
<td>&amp;#98;</td>
<td>&#8212;</td>
<td>小写b Small b</td>
</tr>
<tr align="center">
<td>c</td>
<td>&amp;#99;</td>
<td>&#8212;</td>
<td>小写c Small c</td>
</tr>
<tr align="center">
<td>d</td>
<td>&amp;#100;</td>
<td>&#8212;</td>
<td>小写d Small d</td>
</tr>
<tr align="center">
<td>e</td>
<td>&amp;#101;</td>
<td>&#8212;</td>
<td>小写e Small e</td>
</tr>
<tr align="center">
<td>f</td>
<td>&amp;#102;</td>
<td>&#8212;</td>
<td>小写f Small f</td>
</tr>
<tr align="center">
<td>g</td>
<td>&amp;#103;</td>
<td>&#8212;</td>
<td>小写g Small g</td>
</tr>
<tr align="center">
<td>h</td>
<td>&amp;#104;</td>
<td>&#8212;</td>
<td>小写h Small h</td>
</tr>
<tr align="center">
<td>i</td>
<td>&amp;#105;</td>
<td>&#8212;</td>
<td>小写i Small i</td>
</tr>
<tr align="center">
<td>j</td>
<td>&amp;#106;</td>
<td>&#8212;</td>
<td>小写j Small j</td>
</tr>
<tr align="center">
<td>k</td>
<td>&amp;#107;</td>
<td>&#8212;</td>
<td>小写k Small k</td>
</tr>
<tr align="center">
<td>l</td>
<td>&amp;#108;</td>
<td>&#8212;</td>
<td>小写l Small l</td>
</tr>
<tr align="center">
<td>m</td>
<td>&amp;#109;</td>
<td>&#8212;</td>
<td>小写m Small m</td>
</tr>
<tr align="center">
<td>n</td>
<td>&amp;#110;</td>
<td>&#8212;</td>
<td>小写n Small n</td>
</tr>
<tr align="center">
<td>o</td>
<td>&amp;#111;</td>
<td>&#8212;</td>
<td>小写o Small o</td>
</tr>
<tr align="center">
<td>p</td>
<td>&amp;#112;</td>
<td>&#8212;</td>
<td>小写p Small p</td>
</tr>
<tr align="center">
<td>q</td>
<td>&amp;#113;</td>
<td>&#8212;</td>
<td>小写q Small q</td>
</tr>
<tr align="center">
<td>r</td>
<td>&amp;#114;</td>
<td>&#8212;</td>
<td>小写r Small r</td>
</tr>
<tr align="center">
<td>s</td>
<td>&amp;#115;</td>
<td>&#8212;</td>
<td>小写s Small s</td>
</tr>
<tr align="center">
<td>t</td>
<td>&amp;#116;</td>
<td>&#8212;</td>
<td>小写t Small t</td>
</tr>
<tr align="center">
<td>u</td>
<td>&amp;#117;</td>
<td>&#8212;</td>
<td>小写u Small u</td>
</tr>
<tr align="center">
<td>v</td>
<td>&amp;#118;</td>
<td>&#8212;</td>
<td>小写v Small v</td>
</tr>
<tr align="center">
<td>w</td>
<td>&amp;#119;</td>
<td>&#8212;</td>
<td>小写w Small w</td>
</tr>
<tr align="center">
<td>x</td>
<td>&amp;#120;</td>
<td>&#8212;</td>
<td>小写x Small x</td>
</tr>
<tr align="center">
<td>y</td>
<td>&amp;#121;</td>
<td>&#8212;</td>
<td>小写y Small y</td>
</tr>
<tr align="center">
<td>z</td>
<td>&amp;#122;</td>
<td>&#8212;</td>
<td>小写z Small z</td>
</tr>
<tr align="center">
<td>{</td>
<td>&amp;#123;</td>
<td>&#8212;</td>
<td>大括号左边部分Left curly brace</td>
</tr>
<tr align="center">
<td>|</td>
<td>&amp;#124;</td>
<td>&#8212;</td>
<td>竖线Vertical bar</td>
</tr>
<tr align="center">
<td>}</td>
<td>&amp;#125;</td>
<td>&#8212;</td>
<td>大括号右边部分Right curly brace</td>
</tr>
<tr align="center">
<td>~</td>
<td>&amp;#126;</td>
<td>&#8212;</td>
<td>Tilde</td>
</tr>
<tr align="center">
<td>&#8212;</td>
<td>&amp;#127;</td>
<td>&#8212;</td>
<td>未使用Unused</td>
</tr>
<tr align="center">
<td> </td>
<td>&amp;#160;</td>
<td>&amp;nbsp;</td>
<td>空格Nonbreaking space</td>
</tr>
<tr align="center">
<td>¡</td>
<td>&amp;#161;</td>
<td>&amp;iexcl;</td>
<td>Inverted exclamation</td>
</tr>
<tr align="center">
<td>¢</td>
<td>&amp;#162;</td>
<td>&amp;cent;</td>
<td>货币分标志Cent sign</td>
</tr>
<tr align="center">
<td>£</td>
<td>&amp;#163;</td>
<td>&amp;pound;</td>
<td>英镑标志Pound sterling</td>
</tr>
<tr align="center">
<td>¤</td>
<td>&amp;#164;</td>
<td>&amp;curren;</td>
<td>通用货币标志General currency sign</td>
</tr>
<tr align="center">
<td>¥</td>
<td>&amp;#165;</td>
<td>&amp;yen;</td>
<td>日元标志Yen sign</td>
</tr>
<tr align="center">
<td>¦</td>
<td>&amp;#166;</td>
<td>&amp;brvbar; or &amp;brkbar;</td>
<td>断竖线Broken vertical bar</td>
</tr>
<tr align="center">
<td>§</td>
<td>&amp;#167;</td>
<td>&amp;sect;</td>
<td>分节号Section sign</td>
</tr>
<tr align="center">
<td>¨</td>
<td>&amp;#168;</td>
<td>&amp;uml; or &amp;die;</td>
<td>变音符号Umlaut</td>
</tr>
<tr align="center">
<td>©</td>
<td>&amp;#169;</td>
<td>&amp;copy;</td>
<td>版权标志Copyright</td>
</tr>
<tr align="center">
<td>ª</td>
<td>&amp;#170;</td>
<td>&amp;ordf;</td>
<td>Feminine ordinal</td>
</tr>
<tr align="center">
<td>«</td>
<td>&amp;#171;</td>
<td>&amp;laquo;</td>
<td>Left angle quote, guillemet left</td>
</tr>
<tr align="center">
<td>¬</td>
<td>&amp;#172;</td>
<td>&amp;not</td>
<td>Not sign</td>
</tr>
<tr align="center">
<td>­</td>
<td>&amp;#173;</td>
<td>&amp;shy;</td>
<td>Soft hyphen</td>
</tr>
<tr align="center">
<td>®</td>
<td>&amp;#174;</td>
<td>&amp;reg;</td>
<td>注册商标标志Registered trademark</td>
</tr>
<tr align="center">
<td>¯</td>
<td>&amp;#175;</td>
<td>&amp;macr; or &amp;hibar;</td>
<td>长音符号Macron accent</td>
</tr>
<tr align="center">
<td>°</td>
<td>&amp;#176;</td>
<td>&amp;deg;</td>
<td>度数标志Degree sign</td>
</tr>
<tr align="center">
<td>±</td>
<td>&amp;#177;</td>
<td>&amp;plusmn;</td>
<td>加或减Plus or minus</td>
</tr>
<tr align="center">
<td>²</td>
<td>&amp;#178;</td>
<td>&amp;sup2;</td>
<td>上标2 Superscript two</td>
</tr>
<tr align="center">
<td>³</td>
<td>&amp;#179;</td>
<td>&amp;sup3;</td>
<td>上标3 Superscript three</td>
</tr>
<tr align="center">
<td>´</td>
<td>&amp;#180;</td>
<td>&amp;acute;</td>
<td>尖重音符Acute accent</td>
</tr>
<tr align="center">
<td>µ</td>
<td>&amp;#181;</td>
<td>&amp;micro;</td>
<td>Micro sign</td>
</tr>
<tr align="center">
<td>¶</td>
<td>&amp;#182;</td>
<td>&amp;para;</td>
<td>Paragraph sign</td>
</tr>
<tr align="center">
<td>·</td>
<td>&amp;#183;</td>
<td>&amp;middot;</td>
<td>Middle dot</td>
</tr>
<tr align="center">
<td>¸</td>
<td>&amp;#184;</td>
<td>&amp;cedil;</td>
<td>Cedilla</td>
</tr>
<tr align="center">
<td>¹</td>
<td>&amp;#185;</td>
<td>&amp;sup1;</td>
<td>上标1 Superscript one</td>
</tr>
<tr align="center">
<td>º</td>
<td>&amp;#186;</td>
<td>&amp;ordm;</td>
<td>Masculine ordinal</td>
</tr>
<tr align="center">
<td>»</td>
<td>&amp;#187;</td>
<td>&amp;raquo;</td>
<td>Right angle quote, guillemet right</td>
</tr>
<tr align="center">
<td>¼</td>
<td>&amp;#188;</td>
<td>&amp;frac14;</td>
<td>四分之一Fraction one-fourth</td>
</tr>
<tr align="center">
<td>½</td>
<td>&amp;#189;</td>
<td>&amp;frac12;</td>
<td>二分之一Fraction one-half</td>
</tr>
<tr align="center">
<td>¾</td>
<td>&amp;#190;</td>
<td>&amp;frac34;</td>
<td>四分之三Fraction three-fourths</td>
</tr>
<tr align="center">
<td>¿</td>
<td>&amp;#191;</td>
<td>&amp;iquest;</td>
<td>Inverted question mark</td>
</tr>
<tr align="center">
<td>À</td>
<td>&amp;#192;</td>
<td>&amp;Agrave;</td>
<td>Capital A, grave accent</td>
</tr>
<tr align="center">
<td>Á</td>
<td>&amp;#193;</td>
<td>&amp;Aacute;</td>
<td>Capital A, acute accent</td>
</tr>
<tr align="center">
<td>Â</td>
<td>&amp;#194;</td>
<td>&amp;Acirc;</td>
<td>Capital A, circumflex</td>
</tr>
<tr align="center">
<td>Ã</td>
<td>&amp;#195;</td>
<td>&amp;Atilde;</td>
<td>Capital A, tilde</td>
</tr>
<tr align="center">
<td>Ä</td>
<td>&amp;#196;</td>
<td>&amp;Auml;</td>
<td>Capital A, di?esis / umlaut</td>
</tr>
<tr align="center">
<td>Å</td>
<td>&amp;#197;</td>
<td>&amp;Aring;</td>
<td>Capital A, ring</td>
</tr>
<tr align="center">
<td>Æ</td>
<td>&amp;#198;</td>
<td>&amp;AElig;</td>
<td>Capital AE ligature</td>
</tr>
<tr align="center">
<td>Ç</td>
<td>&amp;#199;</td>
<td>&amp;Ccedil;</td>
<td>Capital C, cedilla</td>
</tr>
<tr align="center">
<td>È</td>
<td>&amp;#200;</td>
<td>&amp;Egrave;</td>
<td>Capital E, grave accent</td>
</tr>
<tr align="center">
<td>É</td>
<td>&amp;#201;</td>
<td>&amp;Eacute;</td>
<td>Capital E, acute accent</td>
</tr>
<tr align="center">
<td>Ê</td>
<td>&amp;#202;</td>
<td>&amp;Ecirc;</td>
<td>Capital E, circumflex</td>
</tr>
<tr align="center">
<td>Ë</td>
<td>&amp;#203;</td>
<td>&amp;Euml;</td>
<td>Capital E, di?esis / umlaut</td>
</tr>
<tr align="center">
<td>Ì</td>
<td>&amp;#204;</td>
<td>&amp;Igrave;</td>
<td>Capital I, grave accent</td>
</tr>
<tr align="center">
<td>Í</td>
<td>&amp;#205;</td>
<td>&amp;Iacute;</td>
<td>Capital I, acute accent</td>
</tr>
<tr align="center">
<td>Î</td>
<td>&amp;#206;</td>
<td>&amp;Icirc;</td>
<td>Capital I, circumflex</td>
</tr>
<tr align="center">
<td>Ï</td>
<td>&amp;#207;</td>
<td>&amp;Iuml;</td>
<td>Capital I, di?esis / umlaut</td>
</tr>
<tr align="center">
<td>Ð</td>
<td>&amp;#208;</td>
<td>&amp;ETH;</td>
<td>Capital Eth, Icelandic</td>
</tr>
<tr align="center">
<td>Ñ</td>
<td>&amp;#209;</td>
<td>&amp;Ntilde;</td>
<td>Capital N, tilde</td>
</tr>
<tr align="center">
<td>Ò</td>
<td>&amp;#210;</td>
<td>&amp;Ograve;</td>
<td>Capital O, grave accent</td>
</tr>
<tr align="center">
<td>Ó</td>
<td>&amp;#211;</td>
<td>&amp;Oacute;</td>
<td>Capital O, acute accent</td>
</tr>
<tr align="center">
<td>Ô</td>
<td>&amp;#212;</td>
<td>&amp;Ocirc;</td>
<td>Capital O, circumflex</td>
</tr>
<tr align="center">
<td>Õ</td>
<td>&amp;#213;</td>
<td>&amp;Otilde;</td>
<td>Capital O, tilde</td>
</tr>
<tr align="center">
<td>Ö</td>
<td>&amp;#214;</td>
<td>&amp;Ouml;</td>
<td>Capital O, di?esis / umlaut</td>
</tr>
<tr align="center">
<td>×</td>
<td>&amp;#215;</td>
<td>&amp;times;</td>
<td>乘号Multiply sign</td>
</tr>
<tr align="center">
<td>Ø</td>
<td>&amp;#216;</td>
<td>&amp;Oslash;</td>
<td>Capital O, slash</td>
</tr>
<tr align="center">
<td>Ù</td>
<td>&amp;#217;</td>
<td>&amp;Ugrave;</td>
<td>Capital U, grave accent</td>
</tr>
<tr align="center">
<td>Ú</td>
<td>&amp;#218;</td>
<td>&amp;Uacute;</td>
<td>Capital U, acute accent</td>
</tr>
<tr align="center">
<td>Û</td>
<td>&amp;#219;</td>
<td>&amp;Ucirc;</td>
<td>Capital U, circumflex</td>
</tr>
<tr align="center">
<td>Ü</td>
<td>&amp;#220;</td>
<td>&amp;Uuml;</td>
<td>Capital U, di?esis / umlaut</td>
</tr>
<tr align="center">
<td>Ý</td>
<td>&amp;#221;</td>
<td>&amp;Yacute;</td>
<td>Capital Y, acute accent</td>
</tr>
<tr align="center">
<td>Þ</td>
<td>&amp;#222;</td>
<td>&amp;THORN;</td>
<td>Capital Thorn, Icelandic</td>
</tr>
<tr align="center">
<td>ß</td>
<td>&amp;#223;</td>
<td>&amp;szlig;</td>
<td>Small sharp s, German sz</td>
</tr>
<tr align="center">
<td>à</td>
<td>&amp;#224;</td>
<td>&amp;agrave;</td>
<td>Small a, grave accent</td>
</tr>
<tr align="center">
<td>á</td>
<td>&amp;#225;</td>
<td>&amp;aacute;</td>
<td>Small a, acute accent</td>
</tr>
<tr align="center">
<td>â</td>
<td>&amp;#226;</td>
<td>&amp;acirc;</td>
<td>Small a, circumflex</td>
</tr>
<tr align="center">
<td>ã</td>
<td>&amp;#227;</td>
<td>&amp;atilde;</td>
<td>Small a, tilde</td>
</tr>
<tr align="center">
<td>ä</td>
<td>&amp;#228;</td>
<td>&amp;auml;</td>
<td>Small a, di?esis / umlaut</td>
</tr>
<tr align="center">
<td>å</td>
<td>&amp;#229;</td>
<td>&amp;aring;</td>
<td>Small a, ring</td>
</tr>
<tr align="center">
<td>æ</td>
<td>&amp;#230;</td>
<td>&amp;aelig;</td>
<td>Small ae ligature</td>
</tr>
<tr align="center">
<td>ç</td>
<td>&amp;#231;</td>
<td>&amp;ccedil;</td>
<td>Small c, cedilla</td>
</tr>
<tr align="center">
<td>è</td>
<td>&amp;#232;</td>
<td>&amp;egrave;</td>
<td>Small e, grave accent</td>
</tr>
<tr align="center">
<td>é</td>
<td>&amp;#233;</td>
<td>&amp;eacute;</td>
<td>Small e, acute accent</td>
</tr>
<tr align="center">
<td>ê</td>
<td>&amp;#234;</td>
<td>&amp;ecirc;</td>
<td>Small e, circumflex</td>
</tr>
<tr align="center">
<td>ë</td>
<td>&amp;#235;</td>
<td>&amp;euml;</td>
<td>Small e, di?esis / umlaut</td>
</tr>
<tr align="center">
<td>ì</td>
<td>&amp;#236;</td>
<td>&amp;igrave;</td>
<td>Small i, grave accent</td>
</tr>
<tr align="center">
<td>í</td>
<td>&amp;#237;</td>
<td>&amp;iacute;</td>
<td>Small i, acute accent</td>
</tr>
<tr align="center">
<td>î</td>
<td>&amp;#238;</td>
<td>&amp;icirc;</td>
<td>Small i, circumflex</td>
</tr>
<tr align="center">
<td>ï</td>
<td>&amp;#239;</td>
<td>&amp;iuml;</td>
<td>Small i, di?esis / umlaut</td>
</tr>
<tr align="center">
<td>ð</td>
<td>&amp;#240;</td>
<td>&amp;eth;</td>
<td>Small eth, Icelandic</td>
</tr>
<tr align="center">
<td>ñ</td>
<td>&amp;#241;</td>
<td>&amp;ntilde;</td>
<td>Small n, tilde</td>
</tr>
<tr align="center">
<td>ò</td>
<td>&amp;#242;</td>
<td>&amp;ograve;</td>
<td>Small o, grave accent</td>
</tr>
<tr align="center">
<td>ó</td>
<td>&amp;#243;</td>
<td>&amp;oacute;</td>
<td>Small o, acute accent</td>
</tr>
<tr align="center">
<td>ô</td>
<td>&amp;#244;</td>
<td>&amp;ocirc;</td>
<td>Small o, circumflex</td>
</tr>
<tr align="center">
<td>õ</td>
<td>&amp;#245;</td>
<td>&amp;otilde;</td>
<td>Small o, tilde</td>
</tr>
<tr align="center">
<td>ö</td>
<td>&amp;#246;</td>
<td>&amp;ouml;</td>
<td>Small o, di?esis / umlaut</td>
</tr>
<tr align="center">
<td>÷</td>
<td>&amp;#247;</td>
<td>&amp;divide;</td>
<td>除号Division sign</td>
</tr>
<tr align="center">
<td>ø</td>
<td>&amp;#248;</td>
<td>&amp;oslash;</td>
<td>Small o, slash</td>
</tr>
<tr align="center">
<td>ù</td>
<td>&amp;#249;</td>
<td>&amp;ugrave;</td>
<td>Small u, grave accent</td>
</tr>
<tr align="center">
<td>ú</td>
<td>&amp;#250;</td>
<td>&amp;uacute;</td>
<td>Small u, acute accent</td>
</tr>
<tr align="center">
<td>û</td>
<td>&amp;#251;</td>
<td>&amp;ucirc;</td>
<td>Small u, circumflex</td>
</tr>
<tr align="center">
<td>ü</td>
<td>&amp;#252;</td>
<td>&amp;uuml;</td>
<td>Small u, di?esis / umlaut</td>
</tr>
<tr align="center">
<td>ý</td>
<td>&amp;#253;</td>
<td>&amp;yacute;</td>
<td>Small y, acute accent</td>
</tr>
<tr align="center">
<td>þ</td>
<td>&amp;#254;</td>
<td>&amp;thorn;</td>
<td>Small thorn, Icelandic</td>
</tr>
<tr align="center">
<td>ÿ</td>
<td>&amp;#255;</td>
<td>&amp;yuml;</td>
<td>Small y, umlaut</td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.webbw.com/?feed=rss2&amp;p=81</wfw:commentRss>
		</item>
	</channel>
</rss>
