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

<channel>
	<title>UECSS.COM</title>
	<atom:link href="http://uecss.com/feed" rel="self" type="application/rss+xml" />
	<link>http://uecss.com</link>
	<description>记录我们自己的前端生活!</description>
	<lastBuildDate>Sun, 29 Aug 2010 13:27:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>最近的我 &#8211; 8月流水帐</title>
		<link>http://uecss.com/running-account-8y.html</link>
		<comments>http://uecss.com/running-account-8y.html#comments</comments>
		<pubDate>Sun, 29 Aug 2010 13:21:19 +0000</pubDate>
		<dc:creator>猪的明天</dc:creator>
				<category><![CDATA[懒得分类]]></category>

		<guid isPermaLink="false">http://uecss.com/?p=778</guid>
		<description><![CDATA[好长时间没有更新博客了，手头上的工作较多，很多东西还在学，没有形成一定的积累，厚积薄发还达不到。 压力好大，家里人不太希望我和现在的GF在一起，只因地理位置的关系，有很多和我类似遭遇的人，杯具的是我现在还属于传说中的异地恋，还是不肯来。。 买了好几本书（当当满100可以使用20元礼券~），这个是能源不能断掉，扩宽知识面，处处留情~ 另外还买了Razer地狱狂蛇，这款游戏鼠标用起来还不错，镜面版的130大洋，唯一不足的是不是呼吸灯，蓝蛇是直亮着的，再配合Razer重装甲虫操控鼠标垫，当时就爽了，玩游戏的时候感觉我离开了外面的世界 &#8230; 原本这周六要去教堂的。嘿嘿，总之没去成，帮cherry搬了家，然后陪勇子去升配了电脑。 流水帐到这停止了，整理下周末的工作，明天要用~]]></description>
			<content:encoded><![CDATA[<p>好长时间没有更新博客了，手头上的工作较多，很多东西还在学，没有形成一定的积累，厚积薄发还达不到。</p>
<p>压力好大，家里人不太希望我和现在的GF在一起，只因地理位置的关系，有很多和我类似遭遇的人，杯具的是我现在还属于传说中的异地恋，还是不肯来。。</p>
<p>买了好几本书（当当满100可以使用20元礼券~），这个是能源不能断掉，扩宽知识面，处处留情~</p>
<p><a href="http://uecss.com/wp-content/uploads/2010/08/book2010829.jpg"><img class="aligncenter size-full wp-image-779" src="http://uecss.com/wp-content/uploads/2010/08/book2010829.jpg" alt="" width="478" height="103" /></a></p>
<p>另外还买了<a rel="nofollow" href="http://cn.razerzone.com/product.php?act=page&amp;pgid=69&amp;pid=1" target="_blank">Razer地狱狂蛇</a>，这款游戏鼠标用起来还不错，镜面版的130大洋，唯一不足的是不是呼吸灯，蓝蛇是直亮着的，再配合Razer重装甲虫操控鼠标垫，当时就爽了，玩游戏的时候感觉我离开了外面的世界 &#8230;</p>
<p>原本这周六要去教堂的。<span id="more-778"></span>嘿嘿，总之没去成，帮cherry搬了家，然后陪勇子去升配了电脑。</p>
<p>流水帐到这停止了，整理下周末的工作，明天要用~</p>
]]></content:encoded>
			<wfw:commentRss>http://uecss.com/running-account-8y.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Zen CSS Properties</title>
		<link>http://uecss.com/zen-css-properties.html</link>
		<comments>http://uecss.com/zen-css-properties.html#comments</comments>
		<pubDate>Thu, 29 Jul 2010 15:37:09 +0000</pubDate>
		<dc:creator>猪的明天</dc:creator>
				<category><![CDATA[懒得分类]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[Zencoding]]></category>

		<guid isPermaLink="false">http://uecss.com/?p=764</guid>
		<description><![CDATA[ZenCSSPropertiesEn CSS-properties and its aliases for Zen CSS plugins Based on CSS 3 draft specification Property                                    Alias @import url();                              @i @media print {  ]]></description>
			<content:encoded><![CDATA[<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td id="wikimaincol" width="100%">
<div id="wikiheader">
<p><img id="star_img" src="http://www.gstatic.com/codesite/ph/images/star_off.gif" alt="" width="15" height="15" /> ZenCSSPropertiesEn</p>
<div>CSS-properties and its aliases for Zen CSS plugins</div>
</div>
<h1><a name="Zen_CSS_properties"></a></h1>
<p>Based on CSS 3 draft specification</p>
<pre>Property                                    Alias</pre>
<h2><a name="Special_Rules"></a></h2>
<pre>@import url();                              @i</pre>
<pre>@media print {                              @m

    }</pre>
<p><span id="more-764"></span></p>
<pre>@font-face {                                @f
    font-family:;
    src:url();
    }</pre>
<pre>!important                                  !</pre>
<pre>expression()                                exp</pre>
<h2><a name="Properties_Groups"></a></h2>
<h3><a name="Sorting_Methods"></a></h3>
<ul>
<li>Positioning</li>
<li>Box behavior and properties</li>
<li>Sizing</li>
<li>Color appearance</li>
<li>Special content types</li>
<li>Text</li>
<li>Visual properties</li>
<li>Print</li>
</ul>
<h3><a name="Positioning"></a></h3>
<pre>position:;                                  pos
position:static;                            pos:s
position:absolute;                          pos:a
position:relative;                          pos:r
position:fixed;                             pos:f</pre>
<pre>top:;                                       t
top:auto;                                   t:a</pre>
<pre>right:;                                     r
right:auto;                                 r:a</pre>
<pre>bottom:;                                    b
bottom:auto;                                b:a</pre>
<pre>left:;                                      l
left:auto;                                  l:a</pre>
<pre>z-index:;                                   z
z-index:auto;                               z:a</pre>
<h3><a name="Box_behavior_and_properties"></a></h3>
<pre>float:;                                     fl
float:none;                                 fl:n
float:left;                                 fl:l
float:right;                                fl:r</pre>
<pre>clear:;                                     cl
clear:none;                                 cl:n
clear:left;                                 cl:l
clear:right;                                cl:r
clear:both;                                 cl:b</pre>
<pre>display:;                                   d
display:none;                               d:n
display:block;                              d:b
display:inline;                             d:i
display:inline-block;                       d:ib
display:-moz-inline-box:;                   d:mib
display:-moz-inline-stack:;                 d:mis
display:list-item;                          d:li
display:run-in;                             d:ri
display:compact;                            d:cp
display:table;                              d:tb
display:inline-table;                       d:itb
display:table-caption;                      d:tbcp
display:table-column;                       d:tbcl
display:table-column-group;                 d:tbclg
display:table-header-group;                 d:tbhg
display:table-footer-group;                 d:tbfg
display:table-row;                          d:tbr
display:table-row-group;                    d:tbrg
display:table-cell;                         d:tbc</pre>
<pre>visibility:;                                v
visibility:visible;                         v:v
visibility:hidden;                          v:h
visibility:collapse;                        v:c</pre>
<pre>overflow:;                                  ov
overflow:visible;                           ov:v
overflow:hidden;                            ov:h
overflow:scroll;                            ov:s
overflow:auto;                              ov:a</pre>
<pre>overflow-x:;                                ovx
overflow-x:visible;                         ovx:v
overflow-x:hidden;                          ovx:h
overflow-x:scroll;                          ovx:s
overflow-x:auto;                            ovx:a</pre>
<pre>overflow-y:;                                ovy
overflow-y:visible;                         ovy:v
overflow-y:hidden;                          ovy:h
overflow-y:scroll;                          ovy:s
overflow-y:auto;                            ovy:a</pre>
<pre>overflow-style:;                            ovs
overflow-style:auto;                        ovs:a
overflow-style:scrollbar;                   ovs:s
overflow-style:panner;                      ovs:p
overflow-style:move;                        ovs:m
overflow-style:marquee;                     ovs:mq</pre>
<pre>zoom:1;                                     zoo</pre>
<pre>clip:;                                      cp
clip:auto;                                  cp:a
clip:rect(0 0 0 0);                         cp:r</pre>
<pre>box-sizing:;                                bxz
box-sizing:content-box;                     bxz:cb
box-sizing:border-box;                      bxz:bb</pre>
<pre>box-shadow:;                                bxsh
box-shadow:none;                            bxsh:n
box-shadow:0 0 0 #000;                      bxsh+
-webkit-box-shadow:;                        bxsh:w
-webkit-box-shadow:0 0 0 #000;              bxsh:w+
-moz-box-shadow:;                           bxsh:m
-moz-box-shadow:0 0 0 0 #000;               bxsh:m+</pre>
<h3><a name="Sizing"></a></h3>
<pre>margin:;                                    m
margin:auto;                                m:a
margin:0;                                   m:0
margin:0 0;                                 m:2
margin:0 0 0;                               m:3
margin:0 0 0 0;                             m:4</pre>
<pre>margin-top:;                                mt
margin-top:auto;                            mt:a</pre>
<pre>margin-right:;                              mr
margin-right:auto;                          mr:a</pre>
<pre>margin-bottom:;                             mb
margin-bottom:auto;                         mb:a</pre>
<pre>margin-left:;                               ml
margin-left:auto;                           ml:a</pre>
<pre>padding:;                                   p
padding:0;                                  p:0
padding:0 0;                                p:2
padding:0 0 0;                              p:3
padding:0 0 0 0;                            p:4</pre>
<pre>padding-top:;                               pt
padding-right:;                             pr
padding-bottom:;                            pb
padding-left:;                              pl</pre>
<pre>width:;                                     w
width:auto;                                 w:a</pre>
<pre>height:;                                    h
height:auto;                                h:a</pre>
<pre>max-width:;                                 maw
max-width:none;                             maw:n</pre>
<pre>max-height:;                                mah
max-height:none;                            mah:n</pre>
<pre>min-width:;                                 miw
min-height:;                                mih</pre>
<h3><a name="Color_appearance"></a></h3>
<pre>outline:;                                   o
outline:none;                               o:n
outline:1px solid #000;                     o+</pre>
<pre>outline-offset:;                            oo
outline-width:;                             ow
outline-style:;                             os</pre>
<pre>outline-color:#000;                         oc
outline-color:invert;                       oc:i</pre>
<pre>border:;                                    bd
border:none;                                bd:n
border:1px solid #000;                      bd+</pre>
<pre>border-break:;                              bdbk
border-break:close;                         bdbk:c</pre>
<pre>border-collapse:;                           bdcl
border-collapse:collapse;                   bdcl:c
border-collapse:separate;                   bdcl:s</pre>
<pre>border-color:#000;                          bdc</pre>
<pre>border-image:;                                          bdi
border-image:none;                                      bdi:n
border-image:url() 0 repeat;                            bdi:+
-webkit-border-image:;                                  bdi:w
-webkit-border-image:url() 0 repeat;                    bdi:w+
-moz-border-image:;                                     bdi:m
-moz-border-image:url() 0 repeat;                       bdi:m+</pre>
<pre>border-top-image:;                          bdti
border-top-image:none;                      bdti:n</pre>
<pre>border-right-image:;                        bdri
border-right-image:none;                    bdri:n</pre>
<pre>border-bottom-image:;                       bdbi
border-bottom-image:none;                   bdbi:n</pre>
<pre>border-left-image:;                         bdli
border-left-image:none;                     bdli:n</pre>
<pre>border-corner-image:;                       bdci
border-corner-image:none;                   bdci:n
border-corner-image:continue;               bdci:c</pre>
<pre>border-top-left-image:;                     bdtli
border-top-left-image:none;                 bdtli:n
border-top-left-image:continue;             bdtli:c</pre>
<pre>border-top-right-image:;                    bdtri
border-top-right-image:none;                bdtri:n
border-top-right-image:continue;            bdtri:c</pre>
<pre>border-bottom-right-image:;                 bdbri
border-bottom-right-image:none;             bdbri:n
border-bottom-right-image:continue;         bdbri:c</pre>
<pre>border-bottom-left-image:;                  bdbli
border-bottom-left-image:none;              bdbli:n
border-bottom-left-image:continue;          bdbli:c</pre>
<pre>border-fit:;                                bdf
border-fit:clip;                            bdf:c
border-fit:repeat;                          bdf:r
border-fit:scale;                           bdf:sc
border-fit:stretch;                         bdf:st
border-fit:overwrite;                       bdf:ow
border-fit:overflow;                        bdf:of
border-fit:space;                           bdf:sp</pre>
<pre>border-length:;                             bdlt
border-length:auto;                         bdlt:a</pre>
<pre>border-spacing:;                            bdsp</pre>
<pre>border-style:;                              bds
border-style:none;                          bds:n
border-style:hidden;                        bds:h
border-style:dotted;                        bds:dt
border-style:dashed;                        bds:ds
border-style:solid;                         bds:s
border-style:double;                        bds:db
border-style:dot-dash;                      bds:dtds
border-style:dot-dot-dash;                  bds:dtdtds
border-style:wave;                          bds:w
border-style:groove;                        bds:g
border-style:ridge;                         bds:r
border-style:inset;                         bds:i
border-style:outset;                        bds:o</pre>
<pre>border-width:;                              bdw</pre>
<pre>border-top:;                                bdt
border-top:none;                            bdt:n
border-top:1px solid #000;                  bdt+</pre>
<pre>border-top-width:;                          bdtw</pre>
<pre>border-top-style:;                          bdts
border-top-style:none;                      bdts:n</pre>
<pre>border-top-color:#000;                      bdtc</pre>
<pre>border-right:;                              bdr
border-right:none;                          bdr:n
border-right:1px solid #000;                bdr+</pre>
<pre>border-right-width:;                        bdrw</pre>
<pre>border-right-style:;                        bdrs
border-right-style:none;                    bdrs:n</pre>
<pre>border-right-color:#000;                    bdrc</pre>
<pre>border-bottom:;                             bdb
border-bottom:none;                         bdb:n
border-bottom:1px solid #000;               bdb+</pre>
<pre>border-bottom-width:;                       bdbw</pre>
<pre>border-bottom-style:;                       bdbs
border-bottom-style:none;                   bdbs:n</pre>
<pre>border-bottom-color:#000;                   bdbc</pre>
<pre>border-left:;                               bdl
border-left:none;                           bdl:n
border-left:1px solid #000;                 bdl+</pre>
<pre>border-left-width:;                         bdlw</pre>
<pre>border-left-style:;                         bdls
border-left-style:none;                     bdls:n</pre>
<pre>border-left-color:#000;                     bdlc</pre>
<pre>border-radius:;                             bdrz
-webkit-border-radius:;                     bdrz:w
-moz-border-radius:;                        bdrz:m
border-top-right-radius:;                   bdtrrz
border-top-left-radius:;                    bdtlrz
border-bottom-right-radius:;                bdbrrz
border-bottom-left-radius:;                 bdblrz</pre>
<pre>background:;                                                                               bg
background:none;                                                                           bg:n
background:#FFF url() 0 0 no-repeat;                                                       bg+
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='crop');     bg:ie</pre>
<pre>background-color:#FFF;                      bgc
background-color:transparent;               bgc:t</pre>
<pre>background-image:url();                     bgi
background-image:none;                      bgi:n</pre>
<pre>background-repeat:;                         bgr
background-repeat:repeat;                   bgr:r
background-repeat:repeat-x;                 bgr:x
background-repeat:repeat-y;                 bgr:y
background-repeat:no-repeat;                bgr:n</pre>
<pre>background-attachment:;                     bga
background-attachment:fixed;                bga:f
background-attachment:scroll;               bga:s</pre>
<pre>background-position:0 0;                    bgp
background-position-x:;                     bgpx
background-position-y:;                     bgpy</pre>
<pre>background-break:;                          bgbk
background-break:bounding-box;              bgbk:bb
background-break:each-box;                  bgbk:eb
background-break:continuous;                bgbk:c</pre>
<pre>background-clip:;                           bgcp
background-clip:border-box;                 bgcp:bb
background-clip:padding-box;                bgcp:pb
background-clip:content-box;                bgcp:cb
background-clip:no-clip;                    bgcp:nc</pre>
<pre>background-origin:;                         bgo
background-origin:padding-box;              bgo:pb
background-origin:border-box;               bgo:bb
background-origin:content-box;              bgo:cb</pre>
<pre>background-size:;                           bgz
background-size:auto;                       bgz:a
background-size:contain;                    bgz:ct
background-size:cover;                      bgz:cv</pre>
<pre>color:#000;                                 c</pre>
<h3><a name="Special_content_types"></a></h3>
<pre>table-layout:;                              tbl
table-layout:auto;                          tbl:a
table-layout:fixed;                         tbl:f</pre>
<pre>caption-side:;                              cps
caption-side:top;                           cps:t
caption-side:bottom;                        cps:b</pre>
<pre>empty-cells:;                               ec
empty-cells:show;                           ec:s
empty-cells:hide;                           ec:h</pre>
<pre>list-style:;                                lis
list-style:none;                            lis:n</pre>
<pre>list-style-position:;                       lisp
list-style-position:inside;                 lisp:i
list-style-position:outside;                lisp:o</pre>
<pre>list-style-type:;                           list
list-style-type:none;                       list:n
list-style-type:disc;                       list:d
list-style-type:circle;                     list:c
list-style-type:square;                     list:s
list-style-type:decimal;                    list:dc
list-style-type:decimal-leading-zero;       list:dclz
list-style-type:lower-roman;                list:lr
list-style-type:upper-roman;                list:ur</pre>
<pre>list-style-image:;                          lisi
list-style-image:none;                      lisi:n</pre>
<pre>quotes:;                                    q
quotes:none;                                q:n
quotes:'\00AB' '\00BB' '\201E' '\201C';     q:ru
quotes:'\201C' '\201D' '\2018' '\2019';     q:en</pre>
<pre>content:;                                   ct
content:normal;                             ct:n
content:open-quote;                         ct:oq
content:no-open-quote;                      ct:noq
content:close-quote;                        ct:cq
content:no-close-quote;                     ct:ncq
content:attr();                             ct:a
content:counter();                          ct:c
content:counters();                         ct:cs</pre>
<pre>counter-increment:;                         coi
counter-reset:;                             cor</pre>
<h3><a name="Text"></a></h3>
<pre>vertical-align:;                            va
vertical-align:super;                       va:sup
vertical-align:top;                         va:t
vertical-align:text-top;                    va:tt
vertical-align:middle;                      va:m
vertical-align:baseline;                    va:bl
vertical-align:bottom;                      va:b
vertical-align:text-bottom;                 va:tb
vertical-align:sub;                         va:sub</pre>
<pre>text-align:;                                ta
text-align:left;                            ta:l
text-align:center;                          ta:c
text-align:right;                           ta:r
text-align:justify;                         ta:j</pre>
<pre>text-align-last:;                           tal
text-align-last:auto;                       tal:a
text-align-last:left;                       tal:l
text-align-last:center;                     tal:c
text-align-last:right;                      tal:r</pre>
<pre>text-decoration:;                           td
text-decoration:none;                       td:n
text-decoration:overline;                   td:o
text-decoration:line-through;               td:l
text-decoration:underline;                  td:u</pre>
<pre>text-emphasis:;                             te
text-emphasis:none;                         te:n
text-emphasis:accent;                       te:ac
text-emphasis:dot;                          te:dt
text-emphasis:circle;                       te:c
text-emphasis:disc;                         te:ds
text-emphasis:before;                       te:b
text-emphasis:after;                        te:a</pre>
<pre>text-height:;                               th
text-height:auto;                           th:a
text-height:font-size;                      th:f
text-height:text-size;                      th:t
text-height:max-size;                       th:m</pre>
<pre>text-indent:;                               ti
text-indent:-9999px;                        ti:-</pre>
<pre>text-justify:;                              tj
text-justify:auto;                          tj:a
text-justify:inter-word;                    tj:iw
text-justify:inter-ideograph;               tj:ii
text-justify:inter-cluster;                 tj:ic
text-justify:distribute;                    tj:d
text-justify:kashida;                       tj:k
text-justify:tibetan;                       tj:t</pre>
<pre>text-outline:;                              to
text-outline:none;                          to:n
text-outline:0 0 #000;                      to+</pre>
<pre>text-replace:;                              tr
text-replace:none;                          tr:n</pre>
<pre>text-transform:;                            tt
text-transform:none;                        tt:n
text-transform:uppercase;                   tt:u
text-transform:capitalize;                  tt:c
text-transform:lowercase;                   tt:l</pre>
<pre>text-wrap:;                                 tw
text-wrap:normal;                           tw:n
text-wrap:none;                             tw:no
text-wrap:unrestricted;                     tw:u
text-wrap:suppress;                         tw:s</pre>
<pre>text-shadow:;                               tsh
text-shadow:none;                           tsh:n
text-shadow:0 0 0 #000;                     tsh+</pre>
<pre>line-height:;                               lh</pre>
<pre>white-space:;                               whs
white-space:normal;                         whs:n
white-space:pre;                            whs:p
white-space:nowrap;                         whs:nw
white-space:pre-wrap;                       whs:pw
white-space:pre-line;                       whs:pl</pre>
<pre>white-space-collapse:;                      whsc
white-space-collapse:normal;                whsc:n
white-space-collapse:keep-all;              whsc:k
white-space-collapse:loose;                 whsc:l
white-space-collapse:break-strict;          whsc:bs
white-space-collapse:break-all;             whsc:ba</pre>
<pre>word-break:;                                wob
word-break:normal;                          wob:n
word-break:keep-all;                        wob:k
word-break:loose;                           wob:l
word-break:break-strict;                    wob:bs
word-break:break-all;                       wob:ba</pre>
<pre>word-spacing:;                              wos</pre>
<pre>word-wrap:;                                 wow
word-wrap:normal;                           wow:n
word-wrap:none;                             wow:no
word-wrap:unrestricted;                     wow:u
word-wrap:suppress;                         wow:s</pre>
<pre>letter-spacing:;                            lts</pre>
<pre>font:;                                      f
font:1em Arial,sans-serif;                  f+</pre>
<pre>font-weight:;                               fw
font-weight:normal;                         fw:n
font-weight:bold;                           fw:b
font-weight:bolder;                         fw:br
font-weight:lighter;                        fw:lr</pre>
<pre>font-style:;                                fs
font-style:normal;                          fs:n
font-style:italic;                          fs:i
font-style:oblique;                         fs:o</pre>
<pre>font-variant:;                              fv
font-variant:normal;                        fv:n
font-variant:small-caps;                    fv:sc</pre>
<pre>font-size:;                                 fz</pre>
<pre>font-size-adjust:;                          fza
font-size-adjust:none;                      fza:n</pre>
<pre>font-family:;                                               ff
font-family:Georgia,'Times New Roman',serif;              ff:s
font-family:Helvetica,Arial,sans-serif;                     ff:ss
font-family:'Monotype Corsiva','Comic Sans MS',cursive;     ff:c
font-family:Capitals,Impact,fantasy;                        ff:f
font-family:Monaco,'Courier New',monospace;                 ff:m</pre>
<pre>font-effect:;                               fef
font-effect:none;                           fef:n
font-effect:engrave;                        fef:eg
font-effect:emboss;                         fef:eb
font-effect:outline;                        fef:o</pre>
<pre>font-emphasize:;                            fem</pre>
<pre>font-emphasize-position:;                   femp
font-emphasize-position:before;             femp:b
font-emphasize-position:after;              femp:a</pre>
<pre>font-emphasize-style:;                      fems
font-emphasize-style:none;                  fems:n
font-emphasize-style:accent;                fems:ac
font-emphasize-style:dot;                   fems:dt
font-emphasize-style:circle;                fems:c
font-emphasize-style:disc;                  fems:ds</pre>
<pre>font-smooth:;                               fsm
font-smooth:auto;                           fsm:a
font-smooth:never;                          fsm:n
font-smooth:always;                         fsm:aw</pre>
<pre>font-stretch:;                              fst
font-stretch:normal;                        fst:n
font-stretch:ultra-condensed;               fst:uc
font-stretch:extra-condensed;               fst:ec
font-stretch:condensed;                     fst:c
font-stretch:semi-condensed;                fst:sc
font-stretch:semi-expanded;                 fst:se
font-stretch:expanded;                      fst:e
font-stretch:extra-expanded;                fst:ee
font-stretch:ultra-expanded;                fst:ue</pre>
<h3><a name="Visual_properties"></a></h3>
<pre>opacity:;                                                               op
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);            op:ie
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';      op:ms</pre>
<pre>resize:;                                    rz
resize:none;                                rz:n
resize:both;                                rz:b
resize:horizontal;                          rz:h
resize:vertical;                            rz:v</pre>
<pre>cursor:;                                    cur
cursor:auto;                                cur:a
cursor:default;                             cur:d
cursor:crosshair;                           cur:c
cursor:hand;                                cur:ha
cursor:help;                                cur:he
cursor:move;                                cur:m
cursor:pointer;                             cur:p
cursor:text;                                cur:t</pre>
<h3><a name="Print"></a></h3>
<pre>page-break-before:;                         pgbb
page-break-before:auto;                     pgbb:a
page-break-before:always;                   pgbb:aw
page-break-before:left;                     pgbb:l
page-break-before:right;                    pgbb:r</pre>
<pre>page-break-inside:;                         pgbi
page-break-inside:auto;                     pgbi:a
page-break-inside:avoid;                    pgbi:av</pre>
<pre>page-break-after:;                          pgba
page-break-after:auto;                      pgba:a
page-break-after:always;                    pgba:aw
page-break-after:left;                      pgba:l
page-break-after:right;                     pgba:r</pre>
<pre>orphans:;                                   orp
widows:;                                    wid</pre>
</td>
</tr>
</tbody>
</table>
<p>源地址：<a href="http://code.google.com/p/zen-coding/">http://code.google.com/p/zen-coding/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://uecss.com/zen-css-properties.html/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Zen HTML Elements</title>
		<link>http://uecss.com/zen-html-elements.html</link>
		<comments>http://uecss.com/zen-html-elements.html#comments</comments>
		<pubDate>Thu, 29 Jul 2010 15:22:22 +0000</pubDate>
		<dc:creator>猪的明天</dc:creator>
				<category><![CDATA[懒得分类]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[Zencoding]]></category>

		<guid isPermaLink="false">http://uecss.com/?p=758</guid>
		<description><![CDATA[   ZenHTMLElementsEn HTML elements and its aliases for Zen HTML plugins Zen HTML Elements Based on HTML 5 specification draft. Root Element html &#60;html&#62;&#60;/html&#62; html:xml &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34; xml:lang=&#34;ru&#34;&#62;&#60;/html&#62; html:4t &#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01 Transitional//EN&#34; &#34;http://www.w3.org/TR/html4/loose.dtd&#34;&#62;&#60;html lang=&#34;ru&#34;&#62;&#60;head&#62;    &#60;title&#62;&#60;/title&#62;    &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html;charset=UTF-8&#34;&#62;&#60;/head&#62;&#60;body&#62; &#60;/body&#62;&#60;/html&#62; html:4s &#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01//EN&#34; &#34;http://www.w3.org/TR/html4/strict.dtd&#34;&#62;&#60;html lang=&#34;ru&#34;&#62;&#60;head&#62;    &#60;title&#62;&#60;/title&#62; ]]></description>
			<content:encoded><![CDATA[<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td id="wikimaincol" width="100%">
<div id="wikiheader"><img width="15" height="15" id="star_img" src="http://www.gstatic.com/codesite/ph/images/star_off.gif" />   ZenHTMLElementsEn</p>
<div>HTML elements and its aliases for Zen HTML plugins</div>
</p></div>
<h1><a name="Zen_HTML_Elements" id="Zen_HTML_Elements">Zen HTML Elements</a></h1>
<p>Based on HTML 5 specification draft.</p>
<h2><a name="Root_Element" id="Root_Element">Root Element</a></h2>
<h3><a name="html" id="html">html</a></h3>
<pre>&lt;html&gt;&lt;/html&gt;</pre>
<h3><a name="html:xml" id="html:xml">html:xml</a></h3>
<p><span id="more-758"></span></p>
<pre>&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;ru&quot;&gt;&lt;/html&gt;</pre>
<h3><a name="html:4t" id="html:4t">html:4t</a></h3>
<pre>&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;&lt;html lang=&quot;ru&quot;&gt;&lt;head&gt;    &lt;title&gt;&lt;/title&gt;    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;&gt;&lt;/head&gt;&lt;body&gt;

&lt;/body&gt;&lt;/html&gt;</pre>
<h3><a name="html:4s" id="html:4s">html:4s</a></h3>
<pre>&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;&lt;html lang=&quot;ru&quot;&gt;&lt;head&gt;    &lt;title&gt;&lt;/title&gt;    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;&gt;&lt;/head&gt;&lt;body&gt;

&lt;/body&gt;&lt;/html&gt;</pre>
<h3><a name="html:xt" id="html:xt">html:xt</a></h3>
<pre>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;ru&quot;&gt;&lt;head&gt;    &lt;title&gt;&lt;/title&gt;    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/&gt;&lt;/head&gt;&lt;body&gt;

&lt;/body&gt;&lt;/html&gt;</pre>
<h3><a name="html:xs" id="html:xs">html:xs</a></h3>
<pre>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;ru&quot;&gt;&lt;head&gt;    &lt;title&gt;&lt;/title&gt;    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/&gt;&lt;/head&gt;&lt;body&gt;

&lt;/body&gt;&lt;/html&gt;</pre>
<h3><a name="html:xxs" id="html:xxs">html:xxs</a></h3>
<pre>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.1//EN&quot; &quot;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;ru&quot;&gt;&lt;head&gt;    &lt;title&gt;&lt;/title&gt;    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/&gt;&lt;/head&gt;&lt;body&gt;

&lt;/body&gt;&lt;/html&gt;</pre>
<h3><a name="html:5" id="html:5">html:5</a></h3>
<pre>&lt;!DOCTYPE HTML&gt;&lt;html lang=&quot;ru-RU&quot;&gt;&lt;head&gt;    &lt;title&gt;&lt;/title&gt;    &lt;meta charset=&quot;UTF-8&quot;&gt;&lt;/head&gt;&lt;body&gt;

&lt;/body&gt;&lt;/html&gt;</pre>
<h2><a name="Document_Metadata" id="Document_Metadata">Document Metadata</a></h2>
<h3><a name="head" id="head">head</a></h3>
<pre>&lt;head&gt;&lt;/head&gt;</pre>
<h3><a name="title" id="title">title</a></h3>
<pre>&lt;title&gt;&lt;/title&gt;</pre>
<h3><a name="base" id="base">base</a></h3>
<pre>&lt;base href=&quot;&quot;&gt;</pre>
<h3><a name="link" id="link">link</a></h3>
<pre>&lt;link&gt;</pre>
<h3><a name="link:css" id="link:css">link:css</a></h3>
<pre>&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style.css&quot; media=&quot;all&quot;&gt;</pre>
<h3><a name="link:print" id="link:print">link:print</a></h3>
<pre>&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;print.css&quot; media=&quot;print&quot;&gt;</pre>
<h3><a name="link:favicon" id="link:favicon">link:favicon</a></h3>
<pre>&lt;link rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot; href=&quot;favicon.ico&quot;&gt;</pre>
<h3><a name="link:touch" id="link:touch">link:touch</a></h3>
<pre>&lt;link rel=&quot;apple-touch-icon&quot; href=&quot;favicon.png&quot;&gt;</pre>
<h3><a name="link:rss" id="link:rss">link:rss</a></h3>
<pre>&lt;link rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot; title=&quot;RSS&quot; href=&quot;rss.xml&quot;&gt;</pre>
<h3><a name="link:atom" id="link:atom">link:atom</a></h3>
<pre>&lt;link rel=&quot;alternate&quot; type=&quot;application/atom+xml&quot; title=&quot;Atom&quot; href=&quot;atom.xml&quot;&gt;</pre>
<h3><a name="meta" id="meta">meta</a></h3>
<pre>&lt;meta&gt;</pre>
<h3><a name="meta:utf" id="meta:utf">meta:utf</a></h3>
<pre>&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;&gt;</pre>
<h3><a name="meta:win" id="meta:win">meta:win</a></h3>
<pre>&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=Win-1251&quot;&gt;</pre>
<h3><a name="meta:compat" id="meta:compat">meta:compat</a></h3>
<pre>&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=7&quot;&gt;</pre>
<h3><a name="style" id="style">style</a></h3>
<pre>&lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt;</pre>
<h2><a name="Scripting" id="Scripting">Scripting</a></h2>
<h3><a name="script" id="script">script</a></h3>
<pre>&lt;script type=&quot;text/javascript&quot;&gt;&lt;/script&gt;</pre>
<h3><a name="script:src" id="script:src">script:src</a></h3>
<pre>&lt;script type=&quot;text/javascript&quot; src=&quot;&quot;&gt;&lt;/script&gt;</pre>
<h3><a name="noscript" id="noscript">noscript</a></h3>
<pre>&lt;noscript&gt;&lt;/noscript&gt;</pre>
<h2><a name="Sections" id="Sections">Sections</a></h2>
<h3><a name="body" id="body">body</a></h3>
<pre>&lt;body&gt;&lt;/body&gt;</pre>
<h3><a name="section,_sect" id="section,_sect">section, sect</a></h3>
<pre>&lt;section&gt;&lt;/section&gt;</pre>
<h3><a name="nav" id="nav">nav</a></h3>
<pre>&lt;nav&gt;&lt;/nav&gt;</pre>
<h3><a name="article,_art" id="article,_art">article, art</a></h3>
<pre>&lt;article&gt;&lt;/article&gt;</pre>
<h3><a name="aside" id="aside">aside</a></h3>
<pre>&lt;aside&gt;&lt;/aside&gt;</pre>
<h3><a name="h1" id="h1">h1</a></h3>
<pre>&lt;h1&gt;&lt;/h1&gt;</pre>
<h3><a name="h2" id="h2">h2</a></h3>
<pre>&lt;h2&gt;&lt;/h2&gt;</pre>
<h3><a name="h3" id="h3">h3</a></h3>
<pre>&lt;h3&gt;&lt;/h3&gt;</pre>
<h3><a name="h4" id="h4">h4</a></h3>
<pre>&lt;h4&gt;&lt;/h4&gt;</pre>
<h3><a name="h5" id="h5">h5</a></h3>
<pre>&lt;h5&gt;&lt;/h5&gt;</pre>
<h3><a name="h6" id="h6">h6</a></h3>
<pre>&lt;h6&gt;&lt;/h6&gt;</pre>
<h3><a name="hgroup,_hgr" id="hgroup,_hgr">hgroup, hgr</a></h3>
<pre>&lt;hgroup&gt;&lt;/hgroup&gt;</pre>
<h3><a name="header,_hdr" id="header,_hdr">header, hdr</a></h3>
<pre>&lt;header&gt;&lt;/header&gt;</pre>
<h3><a name="footer,_ftr" id="footer,_ftr">footer, ftr</a></h3>
<pre>&lt;footer&gt;&lt;/footer&gt;</pre>
<h3><a name="address,_adr" id="address,_adr">address, adr</a></h3>
<pre>&lt;address&gt;&lt;/address&gt;</pre>
<h3><a name="div" id="div">div</a></h3>
<pre>&lt;div&gt;&lt;/div&gt;</pre>
<h2><a name="Grouping_Content" id="Grouping_Content">Grouping Content</a></h2>
<h3><a name="p" id="p">p</a></h3>
<pre>&lt;p&gt;&lt;/p&gt;</pre>
<h3><a name="hr" id="hr">hr</a></h3>
<pre>&lt;hr&gt;</pre>
<h3><a name="br" id="br">br</a></h3>
<pre>&lt;br&gt;</pre>
<h3><a name="pre" id="pre">pre</a></h3>
<pre>&lt;pre&gt;&lt;/pre&gt;</pre>
<h3><a name="dialog,_dlg" id="dialog,_dlg">dialog, dlg</a></h3>
<pre>&lt;dialog&gt;&lt;/dialog&gt;</pre>
<h3><a name="blockquote,_bq" id="blockquote,_bq">blockquote, bq</a></h3>
<pre>&lt;blockquote&gt;&lt;/blockquote&gt;</pre>
<h3><a name="ol" id="ol">ol</a></h3>
<pre>&lt;ol&gt;&lt;/ol&gt;</pre>
<h3><a name="ol+" id="ol+">ol+</a></h3>
<pre>&lt;ol&gt;    &lt;li&gt;&lt;/li&gt;&lt;/ol&gt;</pre>
<h3><a name="ul" id="ul">ul</a></h3>
<pre>&lt;ul&gt;&lt;/ul&gt;</pre>
<h3><a name="ul+" id="ul+">ul+</a></h3>
<pre>&lt;ul&gt;    &lt;li&gt;&lt;/li&gt;&lt;/ul&gt;</pre>
<h3><a name="li" id="li">li</a></h3>
<pre>&lt;li&gt;&lt;/li&gt;</pre>
<h3><a name="dl" id="dl">dl</a></h3>
<pre>&lt;dl&gt;&lt;/dl&gt;</pre>
<h3><a name="dl+" id="dl+">dl+</a></h3>
<pre>&lt;dl&gt;    &lt;dt&gt;&lt;/dt&gt;    &lt;dd&gt;&lt;/dd&gt;&lt;/dl&gt;</pre>
<h3><a name="dt" id="dt">dt</a></h3>
<pre>&lt;dt&gt;&lt;/dt&gt;</pre>
<h3><a name="dd" id="dd">dd</a></h3>
<pre>&lt;dd&gt;&lt;/dd&gt;</pre>
<h2><a name="Text-level_Semantics" id="Text-level_Semantics">Text-level Semantics</a></h2>
<h3><a name="a" id="a">a</a></h3>
<pre>&lt;a href=&quot;&quot;&gt;&lt;/a&gt;</pre>
<h3><a name="a:link" id="a:link">a:link</a></h3>
<pre>&lt;a href=&quot;http://&quot;&gt;&lt;/a&gt;</pre>
<h3><a name="a:mail" id="a:mail">a:mail</a></h3>
<pre>&lt;a href=&quot;mailto:&quot;&gt;&lt;/a&gt;</pre>
<h3><a name="q" id="q">q</a></h3>
<pre>&lt;q&gt;&lt;/q&gt;</pre>
<h3><a name="cite" id="cite">cite</a></h3>
<pre>&lt;cite&gt;&lt;/cite&gt;</pre>
<h3><a name="em" id="em">em</a></h3>
<pre>&lt;em&gt;&lt;/em&gt;</pre>
<h3><a name="strong,_str" id="strong,_str">strong, str</a></h3>
<pre>&lt;strong&gt;&lt;/strong&gt;</pre>
<h3><a name="small" id="small">small</a></h3>
<pre>&lt;small&gt;&lt;/small&gt;</pre>
<h3><a name="mark" id="mark">mark</a></h3>
<pre>&lt;mark&gt;&lt;/mark&gt;</pre>
<h3><a name="dfn" id="dfn">dfn</a></h3>
<pre>&lt;dfn&gt;&lt;/dfn&gt;</pre>
<h3><a name="abbr" id="abbr">abbr</a></h3>
<pre>&lt;abbr title=&quot;&quot;&gt;&lt;/abbr&gt;</pre>
<h3><a name="acronym,_acr" id="acronym,_acr">acronym, acr</a></h3>
<pre>&lt;acronym title=&quot;&quot;&gt;&lt;/acronym&gt;</pre>
<h3><a name="time" id="time">time</a></h3>
<pre>&lt;time&gt;&lt;/time&gt;</pre>
<h3><a name="progress,_prog" id="progress,_prog">progress, prog</a></h3>
<pre>&lt;progress&gt;&lt;/progress&gt;</pre>
<h3><a name="meter" id="meter">meter</a></h3>
<pre>&lt;meter&gt;&lt;/meter&gt;</pre>
<h3><a name="code" id="code">code</a></h3>
<pre>&lt;code&gt;&lt;/code&gt;</pre>
<h3><a name="var" id="var">var</a></h3>
<pre>&lt;var&gt;&lt;/var&gt;</pre>
<h3><a name="samp" id="samp">samp</a></h3>
<pre>&lt;samp&gt;&lt;/samp&gt;</pre>
<h3><a name="kbd" id="kbd">kbd</a></h3>
<pre>&lt;kbd&gt;&lt;/kbd&gt;</pre>
<h3><a name="sub" id="sub">sub</a></h3>
<pre>&lt;sub&gt;&lt;/sub&gt;</pre>
<h3><a name="sup" id="sup">sup</a></h3>
<pre>&lt;sup&gt;&lt;/sup&gt;</pre>
<h3><a name="span" id="span">span</a></h3>
<pre>&lt;span&gt;&lt;/span&gt;</pre>
<h3><a name="i" id="i">i</a></h3>
<pre>&lt;i&gt;&lt;/i&gt;</pre>
<h3><a name="b" id="b">b</a></h3>
<pre>&lt;b&gt;&lt;/b&gt;</pre>
<h3><a name="bdo" id="bdo">bdo</a></h3>
<pre>&lt;bdo dir=&quot;&quot;&gt;&lt;/bdo&gt;</pre>
<h3><a name="bdo:r" id="bdo:r">bdo:r</a></h3>
<pre>&lt;bdo dir=&quot;rtl&quot;&gt;&lt;/bdo&gt;</pre>
<h3><a name="bdo:l" id="bdo:l">bdo:l</a></h3>
<pre>&lt;bdo dir=&quot;ltr&quot;&gt;&lt;/bdo&gt;</pre>
<h3><a name="ruby" id="ruby">ruby</a></h3>
<pre>&lt;ruby&gt;&lt;/ruby&gt;</pre>
<h3><a name="rt" id="rt">rt</a></h3>
<pre>&lt;rt&gt;&lt;/rt&gt;</pre>
<h3><a name="rp" id="rp">rp</a></h3>
<pre>&lt;rp&gt;&lt;/rp&gt;</pre>
<h2><a name="Edits" id="Edits">Edits</a></h2>
<h3><a name="ins" id="ins">ins</a></h3>
<pre>&lt;ins&gt;&lt;/ins&gt;</pre>
<h3><a name="del" id="del">del</a></h3>
<pre>&lt;del&gt;&lt;/del&gt;</pre>
<h2><a name="Embedded_Content" id="Embedded_Content">Embedded Content</a></h2>
<h3><a name="figure,_fig" id="figure,_fig">figure, fig</a></h3>
<pre>&lt;figure&gt;&lt;/figure&gt;</pre>
<h3><a name="img" id="img">img</a></h3>
<pre>&lt;img src=&quot;&quot; alt=&quot;&quot;&gt;</pre>
<h3><a name="iframe,_ifr" id="iframe,_ifr">iframe, ifr</a></h3>
<pre>&lt;iframe src=&quot;&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;</pre>
<h3><a name="embed,_emb" id="embed,_emb">embed, emb</a></h3>
<pre>&lt;embed src=&quot;&quot; type=&quot;&quot;&gt;</pre>
<h3><a name="object,_obj" id="object,_obj">object, obj</a></h3>
<pre>&lt;object data=&quot;&quot; type=&quot;&quot;&gt;&lt;/object&gt;</pre>
<h3><a name="param" id="param">param</a></h3>
<pre>&lt;param name=&quot;&quot; value=&quot;&quot;&gt;</pre>
<h3><a name="video" id="video">video</a></h3>
<pre>&lt;video src=&quot;&quot;&gt;&lt;/video&gt;</pre>
<h3><a name="audio" id="audio">audio</a></h3>
<pre>&lt;audio src=&quot;&quot;&gt;&lt;/audio&gt;</pre>
<h3><a name="source,_src" id="source,_src">source, src</a></h3>
<pre>&lt;source&gt;</pre>
<h3><a name="canvas" id="canvas">canvas</a></h3>
<pre>&lt;canvas&gt;&lt;/canvas&gt;</pre>
<h3><a name="map" id="map">map</a></h3>
<pre>&lt;map name=&quot;&quot;&gt;&lt;/map&gt;</pre>
<h3><a name="map+" id="map+">map+</a></h3>
<pre>&lt;map name=&quot;&quot;&gt;    &lt;area shape=&quot;&quot; coords=&quot;&quot; href=&quot;&quot; alt=&quot;&quot;&gt;&lt;/map&gt;</pre>
<h3><a name="area" id="area">area</a></h3>
<pre>&lt;area shape=&quot;&quot; coords=&quot;&quot; href=&quot;&quot; alt=&quot;&quot;&gt;</pre>
<h3><a name="area:d" id="area:d">area:d</a></h3>
<pre>&lt;area shape=&quot;default&quot; href=&quot;&quot; alt=&quot;&quot;&gt;</pre>
<h3><a name="area:c" id="area:c">area:c</a></h3>
<pre>&lt;area shape=&quot;circle&quot; coords=&quot;&quot; href=&quot;&quot; alt=&quot;&quot;&gt;</pre>
<h3><a name="area:r" id="area:r">area:r</a></h3>
<pre>&lt;area shape=&quot;rect&quot; coords=&quot;&quot; href=&quot;&quot; alt=&quot;&quot;&gt;</pre>
<h3><a name="area:p" id="area:p">area:p</a></h3>
<pre>&lt;area shape=&quot;poly&quot; coords=&quot;&quot; href=&quot;&quot; alt=&quot;&quot;&gt;</pre>
<h2><a name="Tabular_Data" id="Tabular_Data">Tabular Data</a></h2>
<h3><a name="table" id="table">table</a></h3>
<pre>&lt;table&gt;&lt;/table&gt;</pre>
<h3><a name="table+" id="table+">table+</a></h3>
<pre>&lt;table&gt;&lt;tr&gt;    &lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</pre>
<h3><a name="caption,_cap" id="caption,_cap">caption, cap</a></h3>
<pre>&lt;caption&gt;&lt;/caption&gt;</pre>
<h3><a name="colgroup,_colg" id="colgroup,_colg">colgroup, colg</a></h3>
<pre>&lt;colgroup&gt;&lt;/colgroup&gt;</pre>
<h3><a name="colgroup+,_colg+" id="colgroup+,_colg+">colgroup+, colg+</a></h3>
<pre>&lt;colgroup&gt;    &lt;col&gt;&lt;/colgroup&gt;</pre>
<h3><a name="col" id="col">col</a></h3>
<pre>&lt;col&gt;</pre>
<h3><a name="tbody" id="tbody">tbody</a></h3>
<pre>&lt;tbody&gt;&lt;/tbody&gt;</pre>
<h3><a name="thead" id="thead">thead</a></h3>
<pre>&lt;thead&gt;&lt;/thead&gt;</pre>
<h3><a name="tfoot" id="tfoot">tfoot</a></h3>
<pre>&lt;tfoot&gt;&lt;/tfoot&gt;</pre>
<h3><a name="tr" id="tr">tr</a></h3>
<pre>&lt;tr&gt;&lt;/tr&gt;</pre>
<h3><a name="tr+" id="tr+">tr+</a></h3>
<pre>&lt;tr&gt;    &lt;td&gt;&lt;/td&gt;&lt;/tr&gt;</pre>
<h3><a name="th" id="th">th</a></h3>
<pre>&lt;th&gt;&lt;/th&gt;</pre>
<h3><a name="td" id="td">td</a></h3>
<pre>&lt;td&gt;&lt;/td&gt;</pre>
<h2><a name="Forms" id="Forms">Forms</a></h2>
<h3><a name="form" id="form">form</a></h3>
<pre>&lt;form action=&quot;&quot;&gt;&lt;/form&gt;</pre>
<h3><a name="form:get" id="form:get">form:get</a></h3>
<pre>&lt;form action=&quot;&quot; method=&quot;get&quot;&gt;&lt;/form&gt;</pre>
<h3><a name="form:post" id="form:post">form:post</a></h3>
<pre>&lt;form action=&quot;&quot; method=&quot;post&quot;&gt;&lt;/form&gt;</pre>
<h3><a name="fieldset,_fset" id="fieldset,_fset">fieldset, fset</a></h3>
<pre>&lt;fieldset&gt;&lt;/fieldset&gt;</pre>
<h3><a name="legend,_leg" id="legend,_leg">legend, leg</a></h3>
<pre>&lt;legend&gt;&lt;/legend&gt;</pre>
<h3><a name="label" id="label">label</a></h3>
<pre>&lt;label for=&quot;&quot;&gt;&lt;/label&gt;</pre>
<h3><a name="input" id="input">input</a></h3>
<pre>&lt;input type=&quot;&quot;&gt;</pre>
<h3><a name="input:hidden,_input:h" id="input:hidden,_input:h">input:hidden, input:h</a></h3>
<pre>&lt;input type=&quot;hidden&quot; value=&quot;&quot;&gt;</pre>
<h3><a name="input:text,_input:t" id="input:text,_input:t">input:text, input:t</a></h3>
<pre>&lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:search" id="input:search">input:search</a></h3>
<pre>&lt;input type=&quot;search&quot; value=&quot;&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:email" id="input:email">input:email</a></h3>
<pre>&lt;input type=&quot;email&quot; value=&quot;&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:url" id="input:url">input:url</a></h3>
<pre>&lt;input type=&quot;url&quot; value=&quot;&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:password,_input:p" id="input:password,_input:p">input:password, input:p</a></h3>
<pre>&lt;input type=&quot;password&quot; value=&quot;&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:datetime" id="input:datetime">input:datetime</a></h3>
<pre>&lt;input type=&quot;datetime&quot; value=&quot;&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:datetime-local" id="input:datetime-local">input:datetime-local</a></h3>
<pre>&lt;input type=&quot;datetime-local&quot; value=&quot;&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:date" id="input:date">input:date</a></h3>
<pre>&lt;input type=&quot;date&quot; value=&quot;&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:month" id="input:month">input:month</a></h3>
<pre>&lt;input type=&quot;month&quot; value=&quot;&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:week" id="input:week">input:week</a></h3>
<pre>&lt;input type=&quot;week&quot; value=&quot;&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:time" id="input:time">input:time</a></h3>
<pre>&lt;input type=&quot;time&quot; value=&quot;&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:number" id="input:number">input:number</a></h3>
<pre>&lt;input type=&quot;number&quot; value=&quot;&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:range" id="input:range">input:range</a></h3>
<pre>&lt;input type=&quot;range&quot; value=&quot;&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:color" id="input:color">input:color</a></h3>
<pre>&lt;input type=&quot;color&quot; value=&quot;&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:checkbox,_input:c" id="input:checkbox,_input:c">input:checkbox, input:c</a></h3>
<pre>&lt;input type=&quot;checkbox&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:radio,_input:r" id="input:radio,_input:r">input:radio, input:r</a></h3>
<pre>&lt;input type=&quot;radio&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:file,_input:f" id="input:file,_input:f">input:file, input:f</a></h3>
<pre>&lt;input type=&quot;file&quot; id=&quot;&quot;&gt;</pre>
<h3><a name="input:submit,_input:s" id="input:submit,_input:s">input:submit, input:s</a></h3>
<pre>&lt;input type=&quot;submit&quot; value=&quot;&quot;&gt;</pre>
<h3><a name="input:image,_input:i" id="input:image,_input:i">input:image, input:i</a></h3>
<pre>&lt;input type=&quot;image&quot; src=&quot;&quot; alt=&quot;&quot;&gt;</pre>
<h3><a name="input:reset" id="input:reset">input:reset</a></h3>
<pre>&lt;input type=&quot;reset&quot; value=&quot;&quot;&gt;</pre>
<h3><a name="input:button,_input:b" id="input:button,_input:b">input:button, input:b</a></h3>
<pre>&lt;input type=&quot;button&quot; value=&quot;&quot;&gt;</pre>
<h3><a name="button,_btn" id="button,_btn">button, btn</a></h3>
<pre>&lt;button&gt;&lt;/button&gt;</pre>
<h3><a name="select" id="select">select</a></h3>
<pre>&lt;select id=&quot;&quot;&gt;&lt;/select&gt;</pre>
<h3><a name="select+" id="select+">select+</a></h3>
<pre>&lt;select id=&quot;&quot;&gt;    &lt;option value=&quot;&quot;&gt;&lt;/option&gt;&lt;/select&gt;</pre>
<h3><a name="optgroup,_optg" id="optgroup,_optg">optgroup, optg</a></h3>
<pre>&lt;optgroup&gt;&lt;/optgroup&gt;</pre>
<h3><a name="optgroup+,_optg+" id="optgroup+,_optg+">optgroup+, optg+</a></h3>
<pre>&lt;optgroup&gt;    &lt;option&gt;&lt;/option&gt;&lt;/optgroup&gt;</pre>
<h3><a name="option,_opt" id="option,_opt">option, opt</a></h3>
<pre>&lt;option&gt;&lt;/option&gt;</pre>
<h2><a name="Interactive_Elements" id="Interactive_Elements">Interactive Elements</a></h2>
<h3><a name="datagrid,_datag" id="datagrid,_datag">datagrid, datag</a></h3>
<pre>&lt;datagrid&gt;&lt;/datagrid&gt;</pre>
<h3><a name="datalist,_datal" id="datalist,_datal">datalist, datal</a></h3>
<pre>&lt;datalist&gt;&lt;/datalist&gt;</pre>
<h3><a name="textarea,_tarea" id="textarea,_tarea">textarea, tarea</a></h3>
<pre>&lt;textarea id=&quot;&quot; cols=&quot;30&quot; rows=&quot;10&quot;&gt;&lt;/textarea&gt;</pre>
<h3><a name="keygen,_kg" id="keygen,_kg">keygen, kg</a></h3>
<pre>&lt;keygen&gt;</pre>
<h3><a name="output,_out" id="output,_out">output, out</a></h3>
<pre>&lt;output&gt;&lt;/output&gt;</pre>
<h3><a name="details,_det" id="details,_det">details, det</a></h3>
<pre>&lt;details&gt;&lt;/details&gt;</pre>
<h3><a name="command,_cmd" id="command,_cmd">command, cmd</a></h3>
<pre>&lt;command&gt;</pre>
<h3><a name="bb" id="bb">bb</a></h3>
<pre>&lt;bb&gt;&lt;/bb&gt;</pre>
<h3><a name="menu" id="menu">menu</a></h3>
<pre>&lt;menu&gt;&lt;/menu&gt;</pre>
<h3><a name="menu:context,_menu:c" id="menu:context,_menu:c">menu:context, menu:c</a></h3>
<pre>&lt;menu type=&quot;context&quot;&gt;&lt;/menu&gt;</pre>
<h3><a name="menu:toolbar,_menu:t" id="menu:toolbar,_menu:t">menu:toolbar, menu:t</a></h3>
<pre>&lt;menu type=&quot;toolbar&quot;&gt;&lt;/menu&gt;</pre>
<h2><a name="Conditional_Comments" id="Conditional_Comments">Conditional Comments</a></h2>
<h3><a name="cc:ie" id="cc:ie">cc:ie</a></h3>
<pre>&lt;!--[if IE]&gt;&lt;![endif]--&gt;</pre>
<h3><a name="cc:noie" id="cc:noie">cc:noie</a></h3>
<pre>&lt;!--[if !IE]&gt;&lt;!--&gt;&lt;!--&lt;![endif]--&gt;</pre>
</td>
</tr>
</tbody>
</table>
<p>源地址：<a href="http://code.google.com/p/zen-coding/">http://code.google.com/p/zen-coding/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://uecss.com/zen-html-elements.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>全球seo行业个人博客前三十名</title>
		<link>http://uecss.com/%e5%85%a8%e7%90%83seo%e8%a1%8c%e4%b8%9a%e4%b8%aa%e4%ba%ba%e5%8d%9a%e5%ae%a2%e5%89%8d%e4%b8%89%e5%8d%81%e5%90%8d.html</link>
		<comments>http://uecss.com/%e5%85%a8%e7%90%83seo%e8%a1%8c%e4%b8%9a%e4%b8%aa%e4%ba%ba%e5%8d%9a%e5%ae%a2%e5%89%8d%e4%b8%89%e5%8d%81%e5%90%8d.html#comments</comments>
		<pubDate>Thu, 29 Jul 2010 01:44:16 +0000</pubDate>
		<dc:creator>猪的明天</dc:creator>
				<category><![CDATA[搜索引擎]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[资源]]></category>

		<guid isPermaLink="false">http://uecss.com/?p=750</guid>
		<description><![CDATA[这样的资源，实在是太棒了，摘录下来《全球seo行业个人博客前三十名》 第一名：Matt Cutts，计有47801个订阅者。来自Google公司内部，大名鼎鼎的Matt Cutts，在SEO届可谓无人不知，无人不晓。MattCutts在Google担任高级工程师已经9年了，是Google Webspam小组的老大，在SEO届他讲出来的话是最有权威的，许多Google最新的资讯，都是通过他的博客透露出来的。 第二名：SEOmoz，搜索引擎MOZ，提供专业的网络营销和搜索引擎优化服务。截止今天，计有35492个订阅者。Rank Fishkin的这个SEO博客经常透露一些非常值得分享的SEO机密。 第三名：Search Engine Land，搜索引擎大地。计有33762个订阅者。Danny Sullivan和Vanessa Fox是SearchEngineLand.com的两位编辑员。这两个名字在SEO界是公认的。这个博客提供了各个主流搜索引擎的最新新闻，是每个专业SEO必读的。他们还组织搜索引擎会议，SMX（Search Marketing Expo）在世界大部分都有场所。 第四名：Search Engine Watch，计有28568个订阅者。这个叫搜索引擎观察的SEO博客，是最大的搜索引擎组织。 第五名：Search Engine Journal，搜索引擎杂志。计有18006个订阅者。 第六名：Search Engine Roundtable，搜索引擎圆桌会议。计有17163个订阅者。 第七名：Online Marketing Blog，在线营销博客。计有15794个订阅者。 第八名：Search Engine Guide，搜索引擎指南。计有12463个订阅者。 第九名：Marketing Pilgrim，营销皮尔格林。一位网络营销专家Andy Beal的个人博客，更新速度非常快，文章观点得不错。计有13433个订阅者。 第十名：Pronet Advertising，Pronet广告。计有8896个订阅者。 第十一名：Graywolf’s SEO Blog，Graywolf的搜索引擎优化博客。这个SEO Blog是唯一一些能得到Matt Cutts评论的SEO博客，他给许多国外着名的站点做过优化。计有8585个订阅者。 第十二名：Get Elastic，获得弹性。电子商务博客。计有6937个订阅者。 第十三名：HubSpot，计有7016个订阅者。 第十四名：Yoast，计有5361个订阅者。 第十五名：BlogStorm，博客风暴。一个英国人写的关于搜索引擎优化和在线营销的SEO博客。计有4188个订阅者。 第十六名：redfly，计有3875个订阅者。 第十七名：Small Business SEM，针对小企业的搜索引擎营销。计有3659个订阅者。 第十八名：Web Analytics World，WEB分析世界。计有3244个订阅者。 第十九名：Sugarrae，计有3205个订阅者。 第二十名：SEO Pedia，搜索引擎优化Pedia。计有2337个订阅者。 第二十一名：Net]]></description>
			<content:encoded><![CDATA[<p>这样的资源，实在是太棒了，摘录下来<a href="http://uecss.com/%E5%85%A8%E7%90%83seo%E8%A1%8C%E4%B8%9A%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E5%89%8D%E4%B8%89%E5%8D%81%E5%90%8D.html">《全球seo行业个人博客前三十名》</a></p>
<p>第一名：Matt Cutts，计有47801个订阅者。来自Google公司内部，大名鼎鼎的Matt Cutts，在SEO届可谓无人不知，无人不晓。MattCutts在Google担任高级工程师已经9年了，是Google Webspam小组的老大，在SEO届他讲出来的话是最有权威的，许多Google最新的资讯，都是通过他的博客透露出来的。</p>
<p>第二名：SEOmoz，搜索引擎MOZ，提供专业的网络营销和搜索引擎优化服务。截止今天，计有35492个订阅者。Rank Fishkin的这个SEO博客经常透露一些非常值得分享的SEO机密。</p>
<p>第三名：Search Engine Land，搜索引擎大地。计有33762个订阅者。Danny Sullivan和Vanessa Fox是SearchEngineLand.com的两位编辑员。这两个名字在SEO界是公认的。这个博客提供了各个主流搜索引擎的最新新闻，是每个专业SEO必读的。他们还组织搜索引擎会议，SMX（Search Marketing Expo）在世界大部分都有场所。</p>
<p>第四名：Search Engine Watch，计有28568个订阅者。这个叫搜索引擎观察的SEO博客，是最大的搜索引擎组织。</p>
<p>第五名：Search Engine Journal，搜索引擎杂志。计有18006个订阅者。</p>
<p><span id="more-750"></span></p>
<p>第六名：Search Engine Roundtable，搜索引擎圆桌会议。计有17163个订阅者。</p>
<p>第七名：Online Marketing Blog，在线营销博客。计有15794个订阅者。</p>
<p>第八名：Search Engine Guide，搜索引擎指南。计有12463个订阅者。</p>
<p>第九名：Marketing Pilgrim，营销皮尔格林。一位网络营销专家Andy Beal的个人博客，更新速度非常快，文章观点得不错。计有13433个订阅者。</p>
<p>第十名：Pronet Advertising，Pronet广告。计有8896个订阅者。</p>
<p>第十一名：Graywolf’s SEO Blog，Graywolf的搜索引擎优化博客。这个SEO Blog是唯一一些能得到Matt Cutts评论的SEO博客，他给许多国外着名的站点做过优化。计有8585个订阅者。</p>
<p>第十二名：Get Elastic，获得弹性。电子商务博客。计有6937个订阅者。</p>
<p>第十三名：HubSpot，计有7016个订阅者。</p>
<p>第十四名：Yoast，计有5361个订阅者。</p>
<p>第十五名：BlogStorm，博客风暴。一个英国人写的关于搜索引擎优化和在线营销的SEO博客。计有4188个订阅者。</p>
<p>第十六名：redfly，计有3875个订阅者。</p>
<p>第十七名：Small Business SEM，针对小企业的搜索引擎营销。计有3659个订阅者。</p>
<p>第十八名：Web Analytics World，WEB分析世界。计有3244个订阅者。</p>
<p>第十九名：Sugarrae，计有3205个订阅者。</p>
<p>第二十名：SEO Pedia，搜索引擎优化Pedia。计有2337个订阅者。</p>
<p>第二十一名：Net Business Blog，计有2256个订阅者。</p>
<p>第二十二名：PPC Hero，计有2413个订阅者。</p>
<p>第二十三名：Conversation Marketing，计有2255个订阅者。</p>
<p>第二十四名：SEO Scoop，独家搜索引擎优化。计有2953个订阅者。</p>
<p>第二十五名：SEO 2.0，计有个1640订阅者。</p>
<p>第二十六名：StepForth SEO News Blog，计有1371个订阅者。</p>
<p>第二十七名：Hobo，计有1258个订阅者。</p>
<p>第二十八名：Cre8pc Blog，计有879个订阅者。</p>
<p>第二十九名：aimClear Blog，计有个879订阅者。</p>
<p>第三十名：SEOBook、WeBuildPages等SEO知名博客，未知订阅者</p>
<p>源地址：不详</p>
]]></content:encoded>
			<wfw:commentRss>http://uecss.com/%e5%85%a8%e7%90%83seo%e8%a1%8c%e4%b8%9a%e4%b8%aa%e4%ba%ba%e5%8d%9a%e5%ae%a2%e5%89%8d%e4%b8%89%e5%8d%81%e5%90%8d.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>发现你的能量</title>
		<link>http://uecss.com/find-your-energy.html</link>
		<comments>http://uecss.com/find-your-energy.html#comments</comments>
		<pubDate>Sat, 24 Jul 2010 04:26:09 +0000</pubDate>
		<dc:creator>猪的明天</dc:creator>
				<category><![CDATA[懒得分类]]></category>
		<category><![CDATA[蜕变]]></category>

		<guid isPermaLink="false">http://uecss.com/?p=725</guid>
		<description><![CDATA[这篇文章在我的草稿箱里呆了两天左右的时间，因为最近手头上的工作较多，产生了一些消极疲惫，我选择用两天的时间来重新看待问题并作出调整（前面有看到唐某的一句话，大致意思是他会选择用两周的沉默时间来思考&#8230; &#8230;） 没有了消极观念，而是积极应战，帮助自己调整好一个良好的心态去面对生活。 一些经历 08年5月份到的上海，到现在已经工作两年零两个月了，记得应聘上第一家公司华印，那天刚好是我的生日，当时很高兴，感觉是跳着回去的:-) 再到后来的蜕变，给了我很大的影响，爽的责任感，腊肉妹的细心，Chenbingo的热情，Grace的蜕变精神等。这些给了我很深刻的印象，这期间我也养成了一些较好的习惯：写博客、每日阅读、定期整理文档、操作体验。 到现在的Milestone大家都很幽默，在快节奏的工作中练就出的一身本领，每个人都有自己拿手的幽默方式，当然我们有自己的学习计划，这是我近两个月的学习，效果还是在的： SEO学习 近一阶段，完成了SEO的学习，工作学习当中整理了数篇文档，把学到的通过文字、语言的形式表述出来，真的效果加倍。 不过这项工作仍需要大量的实践经验，本身门槛不算高，前端这个职位至少需要了解这一项，在我看来这很重要。 HTML5+CSS3尝试 完成Milestone整站的HTML5、CSS3的新布局重构。 喜欢HTML5的新标签的语义化，页面不只是靠样式来赋予色彩，语义化的标签组合搭配，让我觉得代码一样很好看，就像大家所说的代码如诗。 无穷尽的新特效仍有待学习和发掘。 特殊的力量 4月我遇到了我的GF。这股力量属于现在、未来，我将这股力量看作是永动机，她使我的生活丰富多彩。你不只是像某个电视剧里的一段台词，“我的生活就是这样，除了工作还是工作，下班回到一个暂属于自己的小屋子里，抬头看看天花板&#8230;”这种想法是可怕的。 难以想象，我将我的游戏时间缩减到了每周五晚上的2小时WarⅢ，水平也越来越臭了，囧~ 小学就读到的一句话：“读书破万卷，下笔如有神”。没事儿看点儿好书。 关于后面要做的事 2010是金牛座忙碌收获的一年，想必每个人都有自己的年底总结，不把是太多时间浪费在重复计划上面，需要的是有效的执行。]]></description>
			<content:encoded><![CDATA[<p><a href="http://uecss.com/wp-content/uploads/2010/07/Find-your-energy.jpg"><img src="http://uecss.com/wp-content/uploads/2010/07/Find-your-energy.jpg" alt="Find-your-energy" width="264" height="283" class="alignleft size-full wp-image-736" /></a></p>
<p>这篇文章在我的草稿箱里呆了两天左右的时间，因为最近手头上的工作较多，产生了一些消极疲惫，我选择用两天的时间来重新看待问题并作出调整（前面有看到唐某的一句话，大致意思是他会选择用两周的沉默时间来思考&#8230; &#8230;）</p>
<p>没有了消极观念，而是积极应战，帮助自己调整好一个良好的心态去面对生活。</p>
<p><strong>一些经历</strong></p>
<p>08年5月份到的上海，到现在已经工作两年零两个月了，记得应聘上第一家公司<strong>华印</strong>，那天刚好是我的生日，当时很高兴，感觉是跳着回去的:-)</p>
<p>再到后来的<strong>蜕变</strong>，给了我很大的影响，爽的责任感，腊肉妹的细心，Chenbingo的热情，Grace的蜕变精神等。这些给了我很深刻的印象，这期间我也养成了一些较好的习惯：写博客、每日阅读、定期整理文档、操作体验。</p>
<p>到现在的<strong>Milestone</strong>大家都很幽默，在快节奏的工作中练就出的一身本领，每个人都有自己拿手的幽默方式，当然我们有自己的学习计划，这是我近两个月的学习，效果还是在的：</p>
<p><span id="more-725"></span><br />
<strong>SEO学习</strong></p>
<p>近一阶段，完成了SEO的学习，工作学习当中整理了数篇文档，把学到的通过文字、语言的形式表述出来，真的效果加倍。</p>
<p>不过这项工作仍需要大量的实践经验，本身门槛不算高，前端这个职位至少需要了解这一项，在我看来这很重要。</p>
<p><strong>HTML5+CSS3尝试</strong></p>
<p>完成Milestone整站的HTML5、CSS3的新布局重构。</p>
<p>喜欢HTML5的新标签的语义化，页面不只是靠样式来赋予色彩，语义化的标签组合搭配，让我觉得代码一样很好看，就像大家所说的代码如诗。</P></p>
<p>无穷尽的新特效仍有待学习和发掘。</p>
<p><strong>特殊的力量</strong></p>
<p>4月我遇到了我的GF。这股力量属于现在、未来，我将这股力量看作是永动机，她使我的生活丰富多彩。你不只是像某个电视剧里的一段台词，“我的生活就是这样，除了工作还是工作，下班回到一个暂属于自己的小屋子里，抬头看看天花板&#8230;”这种想法是可怕的。</p>
<p>难以想象，我将我的游戏时间缩减到了每周五晚上的2小时WarⅢ，水平也越来越臭了，囧~</p>
<p>小学就读到的一句话：“读书破万卷，下笔如有神”。没事儿看点儿好书。</p>
<p><strong>关于后面要做的事</strong></p>
<p>2010是金牛座忙碌收获的一年，想必每个人都有自己的年底总结，不把是太多时间浪费在重复计划上面，需要的是有效的执行。</p>
]]></content:encoded>
			<wfw:commentRss>http://uecss.com/find-your-energy.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>浅谈大型网站的SEO策略及如何执行</title>
		<link>http://uecss.com/big-site-seo-strategy.html</link>
		<comments>http://uecss.com/big-site-seo-strategy.html#comments</comments>
		<pubDate>Mon, 19 Jul 2010 13:39:01 +0000</pubDate>
		<dc:creator>猪的明天</dc:creator>
				<category><![CDATA[搜索引擎]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://uecss.com/?p=718</guid>
		<description><![CDATA[前不久跟几个朋友再探讨大型资讯网站如何做SEO. 其实不同的项目操作手法以及策略都是不一样的,具体情况具体分析了.SEO策略的好坏直接影响到不同阶段的优化效果. 在这里分享一下自己的一些SEO策略以及如何执行。其实这也是老话常谈了。 一、知己知彼 1.确定你的竞争对手,通过各种渠道收集同类网站的情报(每日流量,Alexa排名,网站内容规模,在搜索引擎收录表现,关键词排名等等) 2.根据已有条件(技术,资金,人员)确定项目的可行性,然后制定具有可执行的SEO策略及可衡量的SEO指标 二、关键词选取策略 做SEO项目中关键词分析是很 重要的环节,直接影响SEO项目的执行！所以关键词选取在网站策划阶段就应该考虑进去，它可以帮助我们分析竞争对手,还可以帮助网站编辑组织内容,为产品 策划提供用户需求等等。 选择关键词的基本原则： 1.研究用户搜索习惯 2.关键词不宜过于宽泛笼统,也不宜过于冷门 3.关键词要与网站内容相关 挑选成功的关键词步骤： 1.首先要制作基本关键词列表 2.了解项目所在行业的特点,列出合适的核心关键词,根据内容结构加以归类 3.调研并模拟目标用户(朋友,网友)的搜索习惯 4.记录竞争网站所使用的关键词作为参考,分析原因 5.利用搜索引擎关键词工具导出海量长尾关键词: 比如百度推广关键词工具,google adwords 关键词工具,百度相关搜索关键词 三、页面关键词部署(Title,Meta规范) 一般CMS内容结构都分为首页,频道页,子栏目列表页,内容页,专题页,标签聚合页,而且CMS也集成了各页面Title,Meta的自定义功能,默认为 初始数据 针对以上页面进行关键词部署 1、 首页：主要以品牌为主 2、 频道页：针对核心关键词，例如 “美容” 3、子栏目：针对固定关键词，例如“护肤知识” 4、内容页：针对长尾关键词,例如文章标题,文章内容及标签的应用 5、 专题页：针对时效性的热词，例如百度风云榜所列出的热词 四、URL设计原则和规范 从网站运营和搜索引擎友好方面的角度上分析,URL和结构设计是web开发中最普遍存在的问题,在这里给出一些我个人对URL设计原则和规范. URL设计原则： 1.简短的URL,对用户及搜索引擎友好 (用户容易录入并易记忆的URL,尽可能的短） 2.URL能反映出网站结构（目录层次深并不影响SEO的效果,之前很多人说目录越深,对搜索引擎越不优化,其实这是一个错误的引导） 3.永久链接,URL规则定好后,最好不要再做变更. 4.URL要统一(大小写问题,应避免混乱的大小组合;命名问题,避免拼音或英文混乱组合, ) 在这里我告诉大家一个消息, 现在百度可以识别中文utf-8编码的URL 5.URL可管理（URL映射机制；内容变更后标准的转向,比如301转向和404错误页面） URL设计规范： 我个人建议就是更新频率较频繁的内容采用伪静态形式,不经常更新的内容采用生成静态页面形式,至于纯静态与伪静态的差异在这里我就不多说, 以后可以详细的说明 五、关联链接规范 其实就是大家所说的”内部链接” “关键词链接“”内链“。 它的优势在大型网站体现的很明显,因为大型网站拥有海量的网站内容.而且易操作。还可以提高已经设置好的关键词在搜索引擎上的排名,增加搜索引擎对网站的 爬行和传递PR值。]]></description>
			<content:encoded><![CDATA[<p>前不久跟几个朋友再探讨大型资讯网站如何做SEO.</p>
<p>其实不同的项目操作手法以及策略都是不一样的,具体情况具体分析了.SEO策略的好坏直接影响到不同阶段的优化效果.</p>
<p>在这里分享一下自己的一些SEO策略以及如何执行。其实这也是老话常谈了。</p>
<p><strong>一、知己知彼</strong><br />
1.确定你的竞争对手,通过各种渠道收集同类网站的情报(每日流量,Alexa排名,网站内容规模,在搜索引擎收录表现,关键词排名等等)<br />
2.根据已有条件(技术,资金,人员)确定项目的可行性,然后制定具有可执行的SEO策略及可衡量的SEO指标</p>
<p><strong>二、关键词选取策略</strong><br />
做SEO项目中关键词分析是很 重要的环节,直接影响SEO项目的执行！所以关键词选取在网站策划阶段就应该考虑进去，它可以帮助我们分析竞争对手,还可以帮助网站编辑组织内容,为产品 策划提供用户需求等等。<span id="more-718"></span></p>
<p><strong>选择关键词的基本原则：</strong><br />
1.研究用户搜索习惯<br />
2.关键词不宜过于宽泛笼统,也不宜过于冷门<br />
3.关键词要与网站内容相关</p>
<p><strong>挑选成功的关键词步骤：</strong><br />
<strong><span style="font-weight: normal;">1.首先要制作基本关键词列表<br />
2.了解项目所在行业的特点,列出合适的核心关键词,根据内容结构加以归类<br />
3.调研并模拟目标用户(朋友,网友)的搜索习惯<br />
4.记录竞争网站所使用的关键词作为参考,分析原因</span><br />
<span style="font-weight: normal;"> 5.利用搜索引擎关键词工具导出海量长尾关键词: </span></strong>比如百度推广关键词工具,google adwords 关键词工具,百度相关搜索关键词</p>
<p><strong>三、页面关键词部署(Title,Meta规范)</strong><br />
一般CMS内容结构都分为首页,频道页,子栏目列表页,内容页,专题页,标签聚合页,而且CMS也集成了各页面Title,Meta的自定义功能,默认为 初始数据</p>
<p><strong>针对以上页面进行关键词部署</strong></p>
<p>1、 首页：主要以品牌为主<br />
2、 频道页：针对核心关键词，例如 “美容”<br />
3、子栏目：针对固定关键词，例如“护肤知识”<br />
4、内容页：针对长尾关键词,例如文章标题,文章内容及标签的应用<br />
5、 专题页：针对时效性的热词，例如<a href="http://top.baidu.com/">百度风云榜</a>所列出的热词</p>
<p><strong>四、URL设计原则和规范</strong></p>
<p>从网站运营和搜索引擎友好方面的角度上分析,URL和结构设计是web开发中最普遍存在的问题,在这里给出一些我个人对URL设计原则和规范.</p>
<p><strong>URL设计原则：</strong></p>
<p>1.简短的URL,对用户及搜索引擎友好 (用户容易录入并易记忆的URL,尽可能的短）</p>
<p>2.URL能反映出网站结构（目录层次深并不影响SEO的效果,之前很多人说目录越深,对搜索引擎越不优化,其实这是一个错误的引导）</p>
<p>3.永久链接,URL规则定好后,最好不要再做变更.</p>
<p>4.URL要统一(大小写问题,应避免混乱的大小组合;命名问题,避免拼音或英文混乱组合, )</p>
<p>在这里我告诉大家一个消息, <strong>现在百度可以识别中文utf-8编码的URL</strong></p>
<p><strong><a rel="lightbox[3400]" href="http://xubing.org/wp-content/uploads/2010/05/191341106403.jpg"></a></strong></p>
<p>5.URL可管理（URL映射机制；内容变更后标准的转向,比如301转向和404错误页面）</p>
<p><strong>URL设计规范：</strong></p>
<p>我个人建议就是更新频率较频繁的内容采用伪静态形式,不经常更新的内容采用生成静态页面形式,至于纯静态与伪静态的差异在这里我就不多说, 以后可以详细的说明</p>
<p><strong>五、关联链接规范</strong></p>
<p>其实就是大家所说的”<strong>内部链接</strong>” “<strong>关键词链接</strong>“”<strong>内链</strong>“。<br />
它的优势在大型网站体现的很明显,因为大型网站拥有海量的网站内容.而且易操作。还可以提高已经设置好的关键词在搜索引擎上的排名,增加搜索引擎对网站的 爬行和传递PR值。</p>
<p>在设置关联链接时，需要注意的就是：<br />
<strong>1、 控制文章内链数量：</strong>根据内容的多少控制在6个左右,关键词重复出现的尽量不需要再加链接,链接过多也影响用户阅 读<br />
<strong>2、词库数量不宜过多：需要做关联的关键词数量不宜过多,因为程序要对每篇文章内容都要做一次文字匹配,如果文章量很大,往往会降低网站 的性能,除非技术方面可以解决</strong></p>
<p><strong><br />
六、Tag规范</strong></p>
<p><strong>什么是tag呢?它有什么作用呢?</strong></p>
<blockquote><p><strong>Tag</strong>（标签、关键词）是一种更为灵活、有趣的日志分类方式，您可以为每篇日志添加一 个或多个标签，那么可以通过点击这个标签，能够让您使用最快的方式查找某一个标签的所有文章。比方说点击“宠物”这个标签，就可以打开这样的一个页面，显 示所有的以“宠物”为标签的文章。</p></blockquote>
<p>使用标签需要注意的是:</p>
<p>1.TAG系统最好根据网站的需求来设计，比如海量信息的网站的标签系统需要事先设计固定的标签让编辑根据内容选择或录入, 如果完全开放给编辑或用户来操作,往往管理标签会很困难</p>
<p>2.文章关联的TAG数量不宜过多,数量可以控制在1~7个以内</p>
<p>﻿<a rel="lightbox[3400]" href="http://xubing.org/wp-content/uploads/2010/05/19134120E12.jpg"></a></p>
<p><strong>七、站内搜索</strong></p>
<p><strong><a rel="lightbox[3400]" href="http://xubing.org/wp-content/uploads/2010/05/taobao.jpg"></a></strong></p>
<p>不要浪费并小看站内搜索,它可以帮我们做的事情很多.</p>
<p>1.帮助我们获知用户关注的热点(网站内哪些内容是用户感兴趣的)，站内的盲点（哪些内容没有做），便于对网站内容、产品进行相应调整。</p>
<p>2.利用站内搜索结果页面获取更多长尾搜索流量,因为搜索结果页面的信息都是与用户搜索的目标词很相关的，增加了关键词的重复密度</p>
<p>3.至于怎么去更好的利用站内搜索获取流量, 我很希望与大家一起探讨</p>
<p><strong>八、链接建设</strong></p>
<p><strong>外部链接的建设方法有很多种，常用的有友情链接（含交叉链接），购买链接，文字广告，博客群建，论坛群发，站群，目录提交等）</strong></p>
<p><strong><br />
九、制作网站地图</strong></p>
<p>其实网站地图对于大型网站是很重要的，他帮助用户快速的浏览网站内容,又可以提供搜索引擎对网站页面的抓取索引.</p>
<p>大型网站一般会制作2种格式的地图文件:</p>
<p><strong>Html地图：</strong><br />
为用户建立一个良好的导航,主要是罗列网站的频道、栏目、专题<br />
<strong>Xml网站地图：</strong></p>
<p>XML 站点地图就是您网站上各网页的列表。创建并提交站点地图有助于确保搜索引擎了解您网站上的所有网页，包括 Google 在正常抓取过程中可能找不到的网址。</p>
<p>至于如何创建XML文件的,在这里我就不详细的介绍了, 大家可以查看<a href="http://www.google.com/support/webmasters/bin/answer.py?hl=cn&amp;answer=156184">Google 提供的 创建sitemap指南</a></p>
<p>创建sitemap时注意以下几点：</p>
<p>1.如果数据量很大,建议技术人员一次性生成,之后再设置时间点自动生成</p>
<p>2.根据不同内容进行分类处理,比如文章页与栏目列表页分开存放</p>
<p>3.站点地图必须编码,只可以包含 ASCII 字符，不能包含大写 ASCII 字符、某些控制码或特殊字符（如 * 和 {} 等）。</p>
<p>4.如果地图文件过多,或包含其他组的地图文件,需要建立地图索引文件</p>
<p><strong>十、自定义404错误页面</strong></p>
<p>具体的操作方法可参考<a href="http://www.google.com/support/webmasters/bin/answer.py?hl=cn&amp;answer=93641">Google 自定义404错误页面</a></p>
<p><strong><br />
十一、网站编辑的SEO写作培训</strong></p>
<p>1.定期给编辑培训SEO基础知识, 提高他们的搜索引擎友好写作的效率</p>
<p>2.定期制作主题关键词物料,供编辑写作时作为参考</p>
<p><strong>十二、效果跟踪及流量、日志分析</strong></p>
<p>利用监测工具进行数据监测和流量分析，跟踪关键字排名情况，以及搜索流量的变化。根据数据报告对方案加以调整,或给产品策划提供更好的建议。</p>
<p>我目前用Google Analytics和百度统计,服务器日志分析 Awstats.</p>
<p>至于关键词排名的监测,我目前是从GA上导出关键词,让技术人员用脚本批量查询关键词的位置。</p>
<p>其实最重要的是执行的过程中与团 队人员之间的沟通,如果沟通不到位,技术人员和产品经理不能理解,直接会影响SEO效果。<br />
沟通很重要！！！！！！</p>
<p>源地址：<a href="http://semwatch.org/2010/07/big-site-seo-strategy">http://semwatch.org/2010/07/big-site-seo-strategy</a></p>
]]></content:encoded>
			<wfw:commentRss>http://uecss.com/big-site-seo-strategy.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>密码保护：Milestone 站点标签设计</title>
		<link>http://uecss.com/milestone-%e7%ab%99%e7%82%b9%e6%a0%87%e7%ad%be%e8%ae%be%e8%ae%a1.html</link>
		<comments>http://uecss.com/milestone-%e7%ab%99%e7%82%b9%e6%a0%87%e7%ad%be%e8%ae%be%e8%ae%a1.html#comments</comments>
		<pubDate>Fri, 09 Jul 2010 10:16:18 +0000</pubDate>
		<dc:creator>猪的明天</dc:creator>
				<category><![CDATA[搜索引擎]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://uecss.com/?p=705</guid>
		<description><![CDATA[无法提供摘要。这是一篇受保护的文章。]]></description>
			<content:encoded><![CDATA[<form action="http://uecss.com/wp-pass.php" method="post">
<p>这是一篇受密码保护的文章。您需要提供访问密码：</p>
<p><label for="pwbox-705">密码：<br />
<input name="post_password" id="pwbox-705" type="password" size="20" /></label><br />
<input type="submit" name="Submit" value="提交" /></p></form>
]]></content:encoded>
			<wfw:commentRss>http://uecss.com/milestone-%e7%ab%99%e7%82%b9%e6%a0%87%e7%ad%be%e8%ae%be%e8%ae%a1.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
