“要实践，先学习”
这个世界还有一群人等着我们创建出来的东西，可以让他们的生活能过得更容易呢。比如那些需要读屏软件的用户。作为一个前端，我们又怎么会忍心呢。

学习：
1、淘宝信息无障碍-网站开发编码标准（http://fed.ued.taobao.net/u/yuchun/accessibility/coding.html）
2、让你编写的html更加语义化（http://sofish.de/1688）

需要改进的：
1、a标签
互联网的联几乎可以说是用 来实现的，作为一个页面最常见的标签。我们应该如何对待呢？

Link

2、表单项:
//<br /> <select> 表单项是 HTML 中相对比较复杂的标签，需要注意的点也比较多：</p> <p>需要给每个表单项添加 <label> 对其进行描述，当不能使用 label 时，为表单项添加 title 属性<br /> 当表单项是必填项的时候，使用 “*“ 符号来标记<br /> Flash 创建表单项一般是不会生成 <label> 的，请勾上 auto label 那个选项</p> <p>3、表格:<br /> <table> 如果是一个表格，那就，就不要用段落来替代，更不要用列表。除非万不得已，并且他们是可以转换的。另外，表格中还有一些需要注意的点：</p> <p>给<br /> <table> 添加 summary 属性，有些表格非常大，并不需要去读完整个<br /> 添加<br /> <tbody>，如果我没记错，如果没添加的话，浏览器会自动为你添加<br /> 必要时使用<br /> <col> <colgroup> 来控制表示的栏</p> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">发表在</span> <a href="http://www.shuier.org/?cat=1" title="查看 未分类 中的全部文章" rel="category">未分类</a> </span> <span class="sep"> | </span> <span class="comments-link"><a href="http://www.shuier.org/?p=129#respond" title="《无障碍实践》上的评论"><span class="leave-reply">发表回复</span></a></span> </footer><!-- #entry-meta --> </article><!-- #post-129 --> <article id="post-120" class="post-120 post type-post status-publish format-standard hentry category-1"> <header class="entry-header"> <h1 class="entry-title"><a href="http://www.shuier.org/?p=120" title="链向 学习 Alice规范 的固定链接" rel="bookmark">学习 Alice规范</a></h1> <div class="entry-meta"> <span class="sep">发表于 </span><a href="http://www.shuier.org/?p=120" title="上午 1:39" rel="bookmark"><time class="entry-date" datetime="2011-12-28T01:39:08+00:00" pubdate>2011 年 12 月 28 日</time></a><span class="by-author"> <span class="sep"> 由 </span> <span class="author vcard"><a class="url fn n" href="http://www.shuier.org/?author=1" title="查看所有由 admin 发布的文章" rel="author">admin</a></span></span> </div><!-- .entry-meta --> <div class="comments-link"> <a href="http://www.shuier.org/?p=120#respond" title="《学习 Alice规范》上的评论"><span class="leave-reply">回复</span></a> </div> </header><!-- .entry-header --> <div class="entry-content"> <p>下面列举出学习的过程中印象深，触动大，我需要去改变的地方：<br /> 一、先让我来反思css编写规范吧：<br /> 1、Background Color<br /> 原文：<br /> 一般我们都会写: background:url(path/to/image) no-repeat 0 0;<br /> 当元素背景是深色的时候，比如#000，我们通常会选择一种比较浅的颜色来做为文本的颜色，比如#fff，为了避免网速缓慢导致CSS已经 加载，而图片仍未加载完成或图片服务器挂掉时文本不可见，请尽量使用加上CSS定义的背景颜色，如：background:#e8edef url(path/to/image) no-repeat 0 0;</p> <p>反思：我没有考虑过图片未加载完成或图片服务器挂掉这个点，也没有考虑过背景图片不可用时，该如何显示</p> <p>2、一定要有全局设置<br /> 原文：<br /> 全局设置可以避免重复书写同样的东西。比如3人在一个项目中，假设项目中涉及到的链接有 10 种颜色，如果有全局重设，我们就可以统一设置颜色。如果没有，我们可能每个都会为自己所负责部分的链接定义相应的颜色。这样一来就<span style="color: #ff0000;">导致多处定义，且定义不统一。以后维护需要到各个地方都改</span>。这是很麻烦的事。另外就是css文件也会因此变大。所以，在写之前，大家应该先分析视觉稿，统一全局设置。</p> <p>反思： 拿到视觉稿时，我只是分析自己要如何实现页面的交互，css效果如何实现，没有为样式的全局设置进行过分析，后面拿到视觉稿之后，要这样做。</p> <p>3、注释要规范<br /> 原文：<br /> /**<br /> * @name: 组件名<br /> * @overview: 组件介绍<br /> * @require: 依赖的样式<br /> * @author: 小鱼(sofish@163.com)<br /> */<br /> 反思： 每个css文件的注释也规范起来</p> <p>二、构建样式库</p> <p>1、分析视觉稿，构建全局样式，放在global.css<br /> 2、构建组件，放在以ui-开头的css文件中（ui-XXX.css），详细介绍了组件内的样式该如何做，如组件内的class命名</p> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">发表在</span> <a href="http://www.shuier.org/?cat=1" title="查看 未分类 中的全部文章" rel="category">未分类</a> </span> <span class="sep"> | </span> <span class="comments-link"><a href="http://www.shuier.org/?p=120#respond" title="《学习 Alice规范》上的评论"><span class="leave-reply">发表回复</span></a></span> </footer><!-- #entry-meta --> </article><!-- #post-120 --> <article id="post-114" class="post-114 post type-post status-publish format-standard hentry category-1"> <header class="entry-header"> <h1 class="entry-title"><a href="http://www.shuier.org/?p=114" title="链向 css实现圆角（不包括css3） 的固定链接" rel="bookmark">css实现圆角（不包括css3）</a></h1> <div class="entry-meta"> <span class="sep">发表于 </span><a href="http://www.shuier.org/?p=114" title="上午 8:05" rel="bookmark"><time class="entry-date" datetime="2011-12-16T08:05:22+00:00" pubdate>2011 年 12 月 16 日</time></a><span class="by-author"> <span class="sep"> 由 </span> <span class="author vcard"><a class="url fn n" href="http://www.shuier.org/?author=1" title="查看所有由 admin 发布的文章" rel="author">admin</a></span></span> </div><!-- .entry-meta --> <div class="comments-link"> <a href="http://www.shuier.org/?p=114#respond" title="《css实现圆角（不包括css3）》上的评论"><span class="leave-reply">回复</span></a> </div> </header><!-- .entry-header --> <div class="entry-content"> <p>1、实现一(参考淘宝首页，搜索标签，应用场景：标签的圆角，特色：没有用到图片)<br /> dom结构：</p> <ul> <li> <a></a><br /> <b class="rc-lt"></b><br /> <b class="rc-rt"></b> </li> </ul> <p>css:<br /> .rc-lt, .rc-rt{<br /> position: absolute;<br /> height: 1px;<br /> width: 1px;</p> <p> display:block;<br /> background-color: #ffdebb;<br /> }<br /> .rc-lt{<br /> left: 0;<br /> top: 0;<br /> }<br /> .rc-rt{<br /> right: 0;<br /> top: 0;<br /> }</p> <p>2、实现二（参考http://hi.baidu.com/cyp0613/blog/item/7c658cfd0d3f454ed6887d90.html）<br /> dom结构：<br /> <s class="skin-box-tp"><b></b></s></p> <div>your content</div> <p><s class="skin-box-bt"><b></b></s><br /> css:<br /> .skin-box-tp,.skin-box-tp b,.skin-box-bt,.skin-box-bt b{background: url(../img/bg.jpg) no-repeat;}<br /> .skin-box-tp,.skin-box-bt{position:relative;display:block;height:4px;width:200px;}<br /> .skin-box-tp b,.skin-box-bt b{float:right;width:4px;height:4px;}<br /> .skin-box-tp{margin-bottom:-4px;background-position:-3px 0;}<br /> .skin-box-bt{margin-top:-4px;background-position:-3px -3px;}<br /> .skin-box-bt b{background-position:0 -3px;}<br /> 3、实现三（参考stubbornella 的oocss module）<br /> dom:</p> <div class="mod grab"> <b class="top"><br /> <b class="tl"></b><br /> <b class="tr"></b><br /> </b></p> <div class="inner"> <div class="hd"> <h3>grab</h3> </p></div> <div class="bd"> <p>Body</p> <p class="posAbsolute">Absolute positioned element <strong>neg margins</strong></p> </p></div> </p></div> <p> <b class="bottom"><b class="bl"></b><b class="br"></b></b> </div> <p>css:<br /> .grab b {<br /> background-image: url(“skin/grab.png”);<br /> }<br /> b.top, b.top b, b.bottom, b.bottom b {<br /> background-repeat: no-repeat;<br /> display: block;<br /> font-size: 1%;<br /> position: relative;<br /> z-index: 10;<br /> }<br /> .top {<br /> background-position: center top;<br /> }<br /> .bottom {<br /> background-position: center bottom;<br /> }<br /> .tl {<br /> background-position: left top;<br /> }<br /> .tr {<br /> background-position: right top;<br /> }<br /> .bl {<br /> background-position: left bottom;<br /> }<br /> .br {<br /> background-position: right bottom;<br /> }<br /> .tl, .tr, .bl, .br {<br /> float: left;<br /> height: 10px;<br /> width: 10px;<br /> }<br /> .br, .tr {<br /> float: right;<br /> }<br /> .tr, .tl {<br /> margin-bottom: -32000px;<br /> overflow: hidden;<br /> }<br /> .grab .bl, .grab .br {<br /> height: 16px;<br /> margin-top: -16px;<br /> }</p> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">发表在</span> <a href="http://www.shuier.org/?cat=1" title="查看 未分类 中的全部文章" rel="category">未分类</a> </span> <span class="sep"> | </span> <span class="comments-link"><a href="http://www.shuier.org/?p=114#respond" title="《css实现圆角（不包括css3）》上的评论"><span class="leave-reply">发表回复</span></a></span> </footer><!-- #entry-meta --> </article><!-- #post-114 --> <article id="post-43" class="post-43 post type-post status-publish format-standard hentry category-1"> <header class="entry-header"> <h1 class="entry-title"><a href="http://www.shuier.org/?p=43" title="链向 清除浮动，并让浮动的父元素有高度 的固定链接" rel="bookmark">清除浮动，并让浮动的父元素有高度</a></h1> <div class="entry-meta"> <span class="sep">发表于 </span><a href="http://www.shuier.org/?p=43" title="下午 1:37" rel="bookmark"><time class="entry-date" datetime="2011-12-15T13:37:44+00:00" pubdate>2011 年 12 月 15 日</time></a><span class="by-author"> <span class="sep"> 由 </span> <span class="author vcard"><a class="url fn n" href="http://www.shuier.org/?author=1" title="查看所有由 admin 发布的文章" rel="author">admin</a></span></span> </div><!-- .entry-meta --> <div class="comments-link"> <a href="http://www.shuier.org/?p=43#respond" title="《清除浮动，并让浮动的父元素有高度》上的评论"><span class="leave-reply">回复</span></a> </div> </header><!-- .entry-header --> <div class="entry-content"> <p>浮动父元素有高度，清除浮动<br /> .layout:after,.main-wrap:after,.col-sub:after{content:’\20′;display:block;height:0;clear:both;}<br /> .layout,.main-wrap,.col-sub{*zoom:1;}</p> <p>参考文章：</p> <p>http://www.ajaxbbs.net/post/webFront/simple-clear-float.html</p> <p><a href="http://www.planabc.net/2008/05/04/yui_grids_css/">http://www.planabc.net/2008/05/04/yui_grids_css/</a></p> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">发表在</span> <a href="http://www.shuier.org/?cat=1" title="查看 未分类 中的全部文章" rel="category">未分类</a> </span> <span class="sep"> | </span> <span class="comments-link"><a href="http://www.shuier.org/?p=43#respond" title="《清除浮动，并让浮动的父元素有高度》上的评论"><span class="leave-reply">发表回复</span></a></span> </footer><!-- #entry-meta --> </article><!-- #post-43 --> <article id="post-105" class="post-105 post type-post status-publish format-standard hentry category-1"> <header class="entry-header"> <h1 class="entry-title"><a href="http://www.shuier.org/?p=105" title="链向 图片和文字 垂直居中 的固定链接" rel="bookmark">图片和文字 垂直居中</a></h1> <div class="entry-meta"> <span class="sep">发表于 </span><a href="http://www.shuier.org/?p=105" title="下午 1:37" rel="bookmark"><time class="entry-date" datetime="2011-12-15T13:37:16+00:00" pubdate>2011 年 12 月 15 日</time></a><span class="by-author"> <span class="sep"> 由 </span> <span class="author vcard"><a class="url fn n" href="http://www.shuier.org/?author=1" title="查看所有由 admin 发布的文章" rel="author">admin</a></span></span> </div><!-- .entry-meta --> <div class="comments-link"> <a href="http://www.shuier.org/?p=105#respond" title="《图片和文字 垂直居中》上的评论"><span class="leave-reply">回复</span></a> </div> </header><!-- .entry-header --> <div class="entry-content"> <p>1、dom:</p> <pre><h4 class="cat-hd fst-cat-hd"> <!-- 一级叶子类目 ,class="cat-icon"--> <i class="cat-icon fst-cat-icon"></i> <a href="#" class="cat-name fst-cat-name">配饰</a> </h4></pre> <pre>2、css:</pre> <pre>.tshop-pbsm-sic10c .cat-hd{ font-weight: 400; display: inline-block; height: 15px; line-height: 15px; vertical-align: middle; }</pre> <pre>.tshop-pbsm-sic10c .cat-name{ display: inline-block; height: 15px; line-height: 15px; line-height: 18px\9; _line-height: 15px; vertical-align: middle; } .tshop-pbsm-sic10c .fst-cat-icon{ /* 本地地址：http://img03.taobaocdn.com/tps/i3/T1CRGGXnFwXXXXXXXX-100-100.png ../../../stylesheet/img/item_category_h82.png*/ background: url(http://img04.taobaocdn.com/tps/i4/T1wCWGXl4uXXXXXXXX-100-100.png) no-repeat scroll 0 0 transparent; display:inline-block; height: 15px; line-height: 15px; width: 9px; vertical-align: middle; *margin-right: 3px; }</pre> <pre>注意： 1)文字和图片的上一层，及图片、文字拥有相同的height, line-height</pre> <pre>2）设置display: inline-block;</pre> <pre>3)设置vertical-align: middle;</pre> <pre>4)ie下微调line-height;</pre> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">发表在</span> <a href="http://www.shuier.org/?cat=1" title="查看 未分类 中的全部文章" rel="category">未分类</a> </span> <span class="sep"> | </span> <span class="comments-link"><a href="http://www.shuier.org/?p=105#respond" title="《图片和文字 垂直居中》上的评论"><span class="leave-reply">发表回复</span></a></span> </footer><!-- #entry-meta --> </article><!-- #post-105 --> <article id="post-94" class="post-94 post type-post status-publish format-standard hentry category-1 tag--"> <header class="entry-header"> <h1 class="entry-title"><a href="http://www.shuier.org/?p=94" title="链向 垂着居中 的固定链接" rel="bookmark">垂着居中</a></h1> <div class="entry-meta"> <span class="sep">发表于 </span><a href="http://www.shuier.org/?p=94" title="下午 2:52" rel="bookmark"><time class="entry-date" datetime="2011-12-01T14:52:11+00:00" pubdate>2011 年 12 月 1 日</time></a><span class="by-author"> <span class="sep"> 由 </span> <span class="author vcard"><a class="url fn n" href="http://www.shuier.org/?author=1" title="查看所有由 admin 发布的文章" rel="author">admin</a></span></span> </div><!-- .entry-meta --> <div class="comments-link"> <a href="http://www.shuier.org/?p=94#respond" title="《垂着居中》上的评论"><span class="leave-reply">回复</span></a> </div> </header><!-- .entry-header --> <div class="entry-content"> <p>参考:</p> <p>http://www.planabc.net/2008/05/26/img_vertical_center_solution/</p> <p><a href="http://www.11gz.com/blog/2011/03/04/fixed-width-height-vertical-middle/">http://www.11gz.com/blog/2011/03/04/fixed-width-height-vertical-middle/</a><br /> 1、垂直居中：</p> <p>.cats-hd .cat-add-edit{<br /> display:inline-block;<br /> *display: inline; /* 要让块级元素在ie6\7下拥有display:block;的属性，则需要同时设置         diplay：inline;(成为内联元素) zoom:1 （触发hasLayout，可以设置长宽）*/<br /> *zoom: 1;<br /> }</p> <p>2、图片垂直居中</p> <p>.fst-cat .cats-hd .fold-box{<br /> display: inline-block;<br /> height: 25px;<br /> line-height: 25px;<br /> *font-size: 17px; /*ie6\7下垂着居中的杀手锏 */<br /> *font-family:Arial;<br /> vertical-align: middle;<br /> }</p> <p>参考怿飞博客：</p> <pre><code>.box {         /*非IE的主流浏览器识别的垂直居中的方法*/         display: table-cell;         vertical-align:middle;         /*设置水平居中*/         text-align:center;         /* 针对IE的Hack */         *display: block;         *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/         *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/         width:200px;         height:200px;         border: 1px solid #eee; } .box img {         /*设置图片垂直居中*/         vertical-align:middle; }</code></pre> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">发表在</span> <a href="http://www.shuier.org/?cat=1" title="查看 未分类 中的全部文章" rel="category">未分类</a> </span> <span class="sep"> | </span> <span class="tag-links"> <span class="entry-utility-prep entry-utility-prep-tag-links">标签有</span> <a href="http://www.shuier.org/?tag=%e5%9e%82%e7%9d%80%e5%b1%85%e4%b8%ad-%e5%9b%be%e7%89%87%e5%9e%82%e7%9b%b4%e5%b1%85%e4%b8%ad" rel="tag">垂着居中 图片垂直居中</a> </span> <span class="sep"> | </span> <span class="comments-link"><a href="http://www.shuier.org/?p=94#respond" title="《垂着居中》上的评论"><span class="leave-reply">发表回复</span></a></span> </footer><!-- #entry-meta --> </article><!-- #post-94 --> <article id="post-11" class="post-11 post type-post status-publish format-standard hentry category-1 tag-keyup"> <header class="entry-header"> <h1 class="entry-title"><a href="http://www.shuier.org/?p=11" title="链向 让用户只能在输入框中输入数字 的固定链接" rel="bookmark">让用户只能在输入框中输入数字</a></h1> <div class="entry-meta"> <span class="sep">发表于 </span><a href="http://www.shuier.org/?p=11" title="上午 2:54" rel="bookmark"><time class="entry-date" datetime="2011-09-28T02:54:55+00:00" pubdate>2011 年 9 月 28 日</time></a><span class="by-author"> <span class="sep"> 由 </span> <span class="author vcard"><a class="url fn n" href="http://www.shuier.org/?author=1" title="查看所有由 admin 发布的文章" rel="author">admin</a></span></span> </div><!-- .entry-meta --> <div class="comments-link"> <a href="http://www.shuier.org/?p=11#respond" title="《让用户只能在输入框中输入数字》上的评论"><span class="leave-reply">回复</span></a> </div> </header><!-- .entry-header --> <div class="entry-content"> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">发表在</span> <a href="http://www.shuier.org/?cat=1" title="查看 未分类 中的全部文章" rel="category">未分类</a> </span> <span class="sep"> | </span> <span class="tag-links"> <span class="entry-utility-prep entry-utility-prep-tag-links">标签有</span> <a href="http://www.shuier.org/?tag=%e6%ad%a3%e5%88%99%e8%a1%a8%e8%be%be%e5%bc%8f%ef%bc%8ckeyup" rel="tag">正则表达式，keyup</a> </span> <span class="sep"> | </span> <span class="comments-link"><a href="http://www.shuier.org/?p=11#respond" title="《让用户只能在输入框中输入数字》上的评论"><span class="leave-reply">发表回复</span></a></span> </footer><!-- #entry-meta --> </article><!-- #post-11 --> <article id="post-3" class="post-3 post type-post status-publish format-standard hentry category-1 tag-3"> <header class="entry-header"> <h1 class="entry-title"><a href="http://www.shuier.org/?p=3" title="链向 前端开发总结 的固定链接" rel="bookmark">前端开发总结</a></h1> <div class="entry-meta"> <span class="sep">发表于 </span><a href="http://www.shuier.org/?p=3" title="上午 1:43" rel="bookmark"><time class="entry-date" datetime="2011-09-26T01:43:46+00:00" pubdate>2011 年 9 月 26 日</time></a><span class="by-author"> <span class="sep"> 由 </span> <span class="author vcard"><a class="url fn n" href="http://www.shuier.org/?author=1" title="查看所有由 admin 发布的文章" rel="author">admin</a></span></span> </div><!-- .entry-meta --> <div class="comments-link"> <a href="http://www.shuier.org/?p=3#respond" title="《前端开发总结》上的评论"><span class="leave-reply">回复</span></a> </div> </header><!-- .entry-header --> <div class="entry-content"> <p>1、prd没有和pd，交互设计一起进行很好的前端评审，结果prd和交互设计的mokeup不一致，而前端要参考这两部分同时开发。<br /> 2、整个需求的评审没有参加<br /> 3、细节之处要落实<br /> 4、和后端开发的交互，不仅是做好demo直接给他们，而且要了解后端页面vm逻辑<br /> 5、给测试足够的时间，如果时间不够，这样的需求不上了<br /> 6、花时间学习psd，不论是自己学还是向交互设计请教（给自己设定目标），都要好好学，这次在ps意外事件上耽误了不少时间<br /> 7、学习冷静、学习风险控制</p> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">发表在</span> <a href="http://www.shuier.org/?cat=1" title="查看 未分类 中的全部文章" rel="category">未分类</a> </span> <span class="sep"> | </span> <span class="tag-links"> <span class="entry-utility-prep entry-utility-prep-tag-links">标签有</span> <a href="http://www.shuier.org/?tag=%e6%b2%9f%e9%80%9a%e3%80%81%e4%ba%a4%e6%b5%81%e3%80%81%e7%ae%a1%e7%90%86%e3%80%81%e5%ad%a6%e4%b9%a0" rel="tag">沟通、交流、管理、学习</a> </span> <span class="sep"> | </span> <span class="comments-link"><a href="http://www.shuier.org/?p=3#respond" title="《前端开发总结》上的评论"><span class="leave-reply">发表回复</span></a></span> </footer><!-- #entry-meta --> </article><!-- #post-3 --> <article id="post-1" class="post-1 post type-post status-publish format-standard hentry category-1"> <header class="entry-header"> <h1 class="entry-title"><a href="http://www.shuier.org/?p=1" title="链向 世界，你好！ 的固定链接" rel="bookmark">世界，你好！</a></h1> <div class="entry-meta"> <span class="sep">发表于 </span><a href="http://www.shuier.org/?p=1" title="下午 1:56" rel="bookmark"><time class="entry-date" datetime="2011-09-21T13:56:16+00:00" pubdate>2011 年 9 月 21 日</time></a><span class="by-author"> <span class="sep"> 由 </span> <span class="author vcard"><a class="url fn n" href="http://www.shuier.org/?author=1" title="查看所有由 admin 发布的文章" rel="author">admin</a></span></span> </div><!-- .entry-meta --> <div class="comments-link"> <a href="http://www.shuier.org/?p=1#comments" title="《世界，你好！》上的评论">1</a> </div> </header><!-- .entry-header --> <div class="entry-content"> <p>欢迎使用 WordPress。这是系统自动生成的演示文章。编辑或者删除它，然后开始您的博客！</p> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">发表在</span> <a href="http://www.shuier.org/?cat=1" title="查看 未分类 中的全部文章" rel="category">未分类</a> </span> <span class="sep"> | </span> <span class="comments-link"><a href="http://www.shuier.org/?p=1#comments" title="《世界，你好！》上的评论"><b>1</b> 条回复</a></span> </footer><!-- #entry-meta --> </article><!-- #post-1 --> </div><!-- #content --> </div><!-- #primary --> <div id="secondary" class="widget-area" role="complementary"> <aside id="archives" class="widget"> <h3 class="widget-title">归档</h3> <ul> <li><a href='http://www.shuier.org/?m=201201' title='2012 年一月'>2012 年一月</a></li> <li><a href='http://www.shuier.org/?m=201112' title='2011 年十二月'>2011 年十二月</a></li> <li><a href='http://www.shuier.org/?m=201109' title='2011 年九月'>2011 年九月</a></li> </ul> </aside> <aside id="meta" class="widget"> <h3 class="widget-title">功能</h3> <ul> <li><a href="http://www.shuier.org/wp-login.php">登录</a></li> </ul> </aside> </div><!-- #secondary .widget-area --> </div><!-- #main --> <footer id="colophon" role="contentinfo"> <div id="site-generator"> <a href="http://cn.wordpress.org/" title="优雅的个人发布平台" rel="generator">自豪地采用 WordPress</a> </div> </footer><!-- #colophon --> </div><!-- #page --> </body> </html>