ZeroZ

先看图，没改善之前的：

大概就是这个样子。

改善之后：

那么，什么才算是一个好的表单设计呢？

一个好的评论表单设计，应该是label和input越靠近越好，如果label在input之上那是相当完美的位置啦，但是实际操作可能需要考虑到实际的产品需求，字段的多少。大多数表单都是先‘姓名’，接下来‘Email’，其次是‘网址’，最后是‘评论框’这样排列，几乎所有的博客和网站的评论框都是用这样的排列方式，但是否这样的方式是最好的方式？

答案显然不是，我们平时的书信习惯基本都是先写内容，最后才写上署名之类的。所以，这次的修改完全符合我们平时书写习惯，我们能够第一时间看到评论框，紧靠在下面就是作者信息框了，label标签也在input上方，布局非常合理。

火车票在中国“一票难求”的情况已经是屡见不鲜，并且存在了很多年，尤其是逢年过节的时候，比如说这几天。
最近几天正是开始售21、22、23、24号火车票的时候，也就是高峰期。
因为公司放假80%都是这几天，所以这几天的票也就比前些天难买，尤其是到宜昌的卧铺票，几乎都没有。

前几天找票贩子订到宜昌的卧铺票时候，他们还说每张加100块（特统一，几乎我问过的票贩子都这样说），我想，100就100吧，能买到票就行，最起码也得上车啊。于是就准备订18号的火车票。
结果因为Rabbit她们公司放假时间有变，不能18号走，只能21号走，那就只有找21号的票吧。

昨天早上小白不到5点就爬起来了，赶到北京东站去排队买票，因为我们一个朋友就在那排队买到的票，他就决定去试试。皇天不负有心人，到9点多的时候，还真让他买到我们回家的票了，之后问Rabbit回家的票的时候，售票员说到宜昌的什么票都没了，包括硬座。
小白给我说完之后赶快起来到网上找有没有到宜昌的卧铺票。哦，对了。是先打电话问一个经常给Rabbit公司送票的票贩子打电话问票（听说这个票贩子“神通广大”，不管你什么时候去国内什么地方，晚上给他打电话，第二天早上就给你送来），这哥们的电话还是热线，打了两次才接通：

“喂，您有21号到宜昌的卧铺票么？”
“我看看，嗯。。21号。。没有！”
“。。。。。。。。。。 哦！”
“要不您过两天再打过来问问吧！”
“好的”

他手里竟然没有，太意外了。得，没有就上网找吧。

上网搜了一会，大概有两个票贩子的电话说有票吧，看时间还是刚刚发的。
赶快打电话啊，不打不知道啊，打了将近40分钟都没打进去，看来这行的电话到了过节的时候那可是比热线还热线啊。
快中午的时候终于打进一个：

“喂，您有21号到宜昌的卧铺票么？”
“没了，刚刚转出去了。”
“。。。。。。啊？转出去了？”
“是啊，只有三张，刚刚转出去的。只剩下硬座了。”
“那硬座您有几张？”
“两张”
“有！”
“那价钱怎么样？”
“300一张！”
“。。。。。。哦，那我再考虑考虑吧。”

300一张，你怎么不去抢啊，原价才175，你加100不得了，妈的，还加125，有零有整的。网上这么多票贩子，我还非得买你的啊？
后来又非常艰难的打进去几个电话，对方都非常干脆的说没有。 继续查看全文

平时我是很少看Gmail的垃圾邮件，因为我相信Gmail的强大的过滤系统，几乎很少有过滤错的。
刚刚点开再次验证一下强大的过滤系统，无意中发现这样一封邮件。

信中大致意思是说她是一位来自阿卡拉的琳达女士，说她们那里战乱不断，她们饱受了战争所带来的苦难。不得已才给我写这封信。写信干什么呢？转移财产，对，转移财产。她说她的财产在阿卡拉觉得不安全，她想通过迪拜（一想到迪拜我就想到超奢华的酒店之类的）的一家公司来把她的财产暂时转移到我的名下，当然，这不是免费的。她会付一些酬劳给我，而且还有合同可以签，以证实她不是骗子之类的。最后还期待我的回复，希望我能和她合作，帮助她走出困局，又祝我有一个美好的一天。

非常遗憾的对这位大姐说；“贪小便宜吃大亏，抱歉！”
虽然这看起来不是算是“小便宜”，而是一个“大便宜”，但是贪小便宜都吃大亏了，我贪大便宜那还不倾家荡产啊。
古人云；“吃亏是福”！
以前我很不赞同这句话，觉得说这话的人脑子忒有问题了，都吃亏了还能算是有福气，这不是有病这是什么？
但后来，经历一些事情之后就慢慢的能理解这句名言的精辟之处：

任何事情都是在不断的盈亏消长之中，“风物长宜放眼量”，着眼于某一时，某一点上是吃亏的，可是长远的看起来，其实不见得就不是福气。 人生中有很多规律在起作用，矛盾只是其中一个，当矛盾原理不起主要作用的时候，可能觉得吃亏是福是错误的。但是如果就次否认吃亏是福的规律，就犯了以偏盖全的错误了。

也许会有人说这是阿Q精神，自己安慰自己。
当然，也可以这么说，关键就在于个人用哪个角度去看待事情。
如果一个人是用狭隘的眼光去看待事情，那么这个人肯定不会有更好的成就和每天快乐的心情。

扯远了，再把思路给拉回来。
如今我很赞同“吃亏是福”，同时也不相信所谓的天上掉馅饼的事。
所以，这位琳达女士，恕我就不能给您回信了，我这人笨，不开窍，这便宜我是占不了了，还是留给别人吧。
更何况有一个重要的原因：那就是你被Gmail当做垃圾邮件过滤了，也就是说您的这种骗术已经被Google识破了，您还是再寻了新的路子，或者别给Gmail用户发这些个里面装有“天上的馅饼”邮件了。

首先，我要向广大包着想买票来求经的心情看这篇我的废话的朋友们道个歉：
我承认这标题明显有标题党的嫌疑；
我承认我也不知道怎么样才能买过过节的火车票，尤其是春节的；
我承认我也是茫茫买票的人群当中一个买不到火车票的“愤青”。

这里说的“票”是以正常渠道买到的火车票，也就是说加价在5块钱之内的火车票。
铁道部在两个月前发布一条新闻说到2015年就有可能解决这种“一票难求”的状况。
2015年？狗日的，那时候哥们还坐火车么？还用为买票回家的事犯愁么？哥们还用关心你这狗屁铁道部的新闻么？

好多朋友都说要买票就得从票贩子手里买，我也知道，可这不是怕买到假票么。
如今的作假手段多高明啊，谁知道今年有没有新的作假手法来赚我们打工的辛苦钱。
而且一张票还加那么多钱，哥们辛辛苦苦打一年工赚点钱不容易，您就不会采取“薄利多销”的手段么？
非的那么“铁面无私”，说加多少就加多少，一毛都不便宜？
还说什么“就算在我这拿10张票，我也不能少！”，好，就冲您这句话，我一张都不买了。

出来赚个钱不容易，我回趟家更不容易。
上次因为市内交通堵塞造成我没赶上火车，结果没回成家。
难道这次会因为买不到票就回不了家了？当然不会，因为我去年没买到火车票但也回家了。
为什么？因为我坐汽车回家的。哈哈哈哈哈…..
去年闹雪灾的时候哥们都敢坐汽车回家，何况今年风调雨顺。
坐汽车就方便多了：上网 –> 登录 –> 订票 –>取票
这就成了，连电话都不用打，虽然说贵点，但方便啊。
我是无所谓，短途的，7个多小时就到家了。可苦了Rabbit了，只有一趟回家的火车，坐汽车就别提了，不说路途长远，就不安全这一条就可以pass掉了，哎。。。

发了这么多牢骚，是得说点有用的信息了。
我要说的买票的最佳方法就是：找票贩子，细心点查票，完毕。
这也许是我知道的唯一一个比较稳妥的买票的方法，如果您铁路上有人，那就另当别论了。

最近网上一股“整治低俗之风”的运动浩浩荡荡的开展了起来。其中第一批被公布的低俗网站名单就有第一视频网，前两天第一视频网的一员工告诉我她删“低俗视频”删的手软，凡是有“女”字的视频基本都删，宁删错，不放过。昨天，她又告诉我，突然觉得自己没事情做了，看来他们基本删的差不多了。

下面看一下一些官方信息：（整理来自人民网专题）

一、“低俗”的范畴和具体定义：

1. 直接暴露和描写人体性部位的内容；
2. 表现或隐晦表现性行为、具有挑逗性或者侮辱性的内容；
3. 以带有性暗示、性挑逗的语言描述性行为、性过程、性方式的内容；
4. 全身或者隐私部位未着衣物，仅用肢体掩盖隐私部位的内容；
5. 带有侵犯个人隐私性质的走光、偷拍、漏点等内容；
6. 以庸俗和挑逗性标题吸引点击的内容；
7. 相关部门禁止传播的色情和有伤社会风化的文字、音视频内容，包括一些电影的删节片段；
8. 传播一夜情、换妻、性虐待等的有害信息；
9. 情色动漫；
10. 宣扬暴力、恶意谩骂、侮辱他人等的内容；
11. 非法性药品广告和性病治疗广告等相关内容；
12. 恶意传播侵害他人隐私的内容；
13. 推介淫秽色情网站和网上低俗信息的链接、图片、文字等内容。

二、两批曝光公布的低俗网站名单：

第一批被曝光网站（19家）：

google 百度网 新浪网 搜狐网 腾讯网
网易 中国人 中搜社区 猫扑网 天涯社区
天线视频网 第一视频网 游久网 天极网
合肥热线 铁血网 131游戏网 搜刮网
快车网

第二批被曝光网站（14家）：

MSN中国 TOM网 空中网 西部网 聚友网
易车会 游民星空 52PK网 POCO网 合众网
17173游戏 小虎在线WAP网站 泡泡吧WAP网站
动感网WAP网站

三、曝光公布网站的整治情况：

清理整治工作较好的网站（3家）

新浪网 第一视频网 铁血网

需要继续清理整治的网站（11家）

Google中国 搜狐网 腾讯网 中国人 中搜
猫扑网 天线视频网 天极网 合肥热线
131游戏网 搜刮网

清理整治工作不力的网站（5家）

天涯社区 百度网 网易网 快车网 游久网

四、人民网愿与网友携手共建文明网络的通知：

早在2006年，人民网就同其他10家中央主要新闻单位联合发出了《文明办网响应书》，积极响应文明办网活动。现在，人民网再次郑重承诺：旗帜鲜明地反对网络低俗之风，加强管理、严格自律，愿尽最大努力为营造健康文明的网络环境贡献力量！

欢迎网友对我们的工作进行监督，同时，呼吁广大网友自觉抵制网络有害信息和低俗之风，增强网络道德意识，做文明网民！

五、民间反应：

人民网副总裁官建文在会上指出：国务院新闻办等七部委联合组织、部署，对互联网上的低俗之风进行集中系统的整治，这是顺民意，得民心之举，得到了互联网界的齐心拥护，受到了社会各界的广泛好评…..

六、1月12日的最新进展：

人民网1月12日电据中国互联网协会互联网违法和不良信息举报中心消息，1月8日，互联网违法和不良信息举报中心发布了全国整治互联网低俗之风第二批曝光网站名单，对14家存在大量低俗内容的网站进行了曝光。几天来，一些网站积极开展清理和整治工作，但仍有部分网站整治不力。现将第二批被曝光网站整治情况通报如下：

清理整治工作较好的网站 ：

1. “TOM” 网（所在地:北京）对“娱乐”频道、“体育”频道、“汽车”频道的低俗内容进行了全面的清理；
2. “空中网”（所在地:北京）对 “写真”栏目的低俗视频进行了全面的清理；
3. “西部网”（所在地: 陕西）对 “体育图片”栏目的低俗图片进行了全面的清理；
4. “易车会”网（所在地:北京）对“相册”、“汽车图库”版块的低俗图片进行了全面的清理；
5. “52PK网”（所在地:安徽）对“美女写真”栏目的低俗图片进行了全面的清理；
6. “17173游戏”网（所在地:福建）对“美眉”频道的低俗图片进行了全面的清理；
7. “动感网”WAP网站（所在地:上海）对“美图”频道的低俗图片进行了全面的清理。

上述网站整改措施比较得力，予以表扬。

需要继续清理整治的网站：

1. “MSN中国”（所在地:上海）对“电影”频道进行了清理，但社区的“精品贴图”版块仍存在大量低俗内容；
2. “合众网”（所在地:北京）对“美女视频”栏目进行了清理，但是仍存在部分低俗视频；
3. “游民星空”网（所在地:湖北）对“游戏mm”频道进行了清理，但是通过站内搜索仍存在少量低俗图片；
4. “小虎在线”WAP网站（所在地:上海）关闭了“视频搜索”栏目，但是在“囧囧八台”栏目以及“搜索”栏目中仍存在部分低俗内容；
5. “泡泡吧”网站（所在地:上海）对WAP网上的“娱乐”频道进行了清理，但是在WEB网站的“相册”栏目仍存在部分低俗图片。

上述网站应加大清理整治力度，采取更加有效的措施，对低俗内容进行全面清理。

清理整治工作不力的网站

1. “聚友网”（所在地:北京）未对社区的“精品贴图”版块进行清理；
2. “POCO”（所在地:广东）网对“图片”频道进行了清理，但是仍存在大量低俗图片。

举报中心强烈谴责上述2家网站，要求其对低俗内容进行彻底清理。希望广大网民继续予以监督。

很多人都在做前端，当然这里包括很多新手，也许在新手的想法就是在做布局的时候不要用font标签之类的就算是web标准了，这样一来，造成如今网上“div泛滥”，一看源文件，霍，除了div没其他标签了。

这里，我可以很负责的告诉大家，这不叫web标准，这叫“div+css”。名副其实的“div+css”。
也许有人会说，我用“div+css”做出来的页面完全表达出设计图的意图，浏览器都兼容，没有任何问题。
的确，你这样做出来的页面看起来是没任何问题，注意，这里说的是“看起来没任何问题”，仅此而已。
人是可以通过视觉的划分判断内容的语义，但搜索引擎看到的只是代码。搜索引擎只能通过标签来判断内容的语义。

那么我们为什么要注重语义呢，因为页面的很大一部分流量是来自搜索引擎的，要使页面尽可能地对搜索引擎友好，所以就要尽可能地使标签语义化。

div这个标签对搜索引擎来说只是起到一个分割内容的作用，并没有告诉浏览器这个标签里面的内容到底是干什么用的。所以，整个页面只有用div来布局的话，那这个页面对搜索引擎来说还不如一句话来的重要，因为搜索引擎不知道你这个页面的重点是什么、列表是什么、内容是什么等等。

所有的标签都是有语义的，我们来看一部分标签的语义：

div 语义：Division（分隔）
span 语义：Span（范围）
ol 语义：Ordered List（排序列表）
ul 语义：Unordered List（不排序列表）
li 语义：List Item（列表项目）
p 语义：paragraph marks（段落标记）
hx 语义：headword（标题）
…………

如果无视标签语义和默认样式，所有标签都用div，其实也是可以写出来视觉效果很好的页面，只要你灵活运用CSS。但是那样的话虽然视觉上达到了要求，但是整个页面一点语义都没有，搜索引擎还是看不懂。所以，要记住：
结构(html)才是重点，样式(css)是用来修饰结构的。所以，要先确定html，确定标签，再来选用合适的css。

一般来说，所有的标签都会有一个默认的样式，所以一个简单的判断网页标签语义是否良好的方法就是：去掉样式，看网页结构是否组织良好有序，是否仍然有很好的可读性。

另外，值得重点提及的是h标签，h标签的语意是标题，搜索引擎对这个标签比较敏感，特别是h1,和h2。一个语义良好的页面，h标签应该是完整有序没有断层的。也就是说，要h1,h2,h3,h4这样推下来，不要h1,h3,h4，漏掉h2。一个结构良好的网页，h标签可以组织起一个网页的大纲。加深对 html的理解。

HTML虽然很简单，但是要用好也是很不容易的，越研究你会觉得越有意思。

在IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。

给元素固有属性赋值
例如，你可以依照浏览器的大小来安置一个元素的位置。

#myDiv {
position: absolute;
width: 100px;
height: 100px;
left: expression(document.body.offsetWidth - 110 + “px”);
top: expression(document.body.offsetHeight - 110 + “px”);
background: red;
}

给元素自定义属性赋值
例如，消除页面上的链接虚线框。 通常的做法是：

<a href=”link1.htm” onfocus=”this.blur()”>link1</a>
<a href=”link2.htm” onfocus=”this.blur()”>link2</a>
<a href=”link3.htm” onfocus=”this.blur()”>link3</a>

粗看或许还体现不出采用expression的优势，但如果你的页面上有几十甚至上百个链接，这时的你难道还会机械式地Ctrl+C，Ctrl+V么，何况两者一比较，哪个产生的冗余代码更多呢？ 继续查看全文

女人多数都嫌自己不苗条，男人多数都嫌自己不壮实。
女人多数都在为减肥烦恼，男人多数都在为赚钱忧心。

这二十多年一路走来，我一直在为一件事烦恼，就是太瘦了。
我们家人都说我要是个女孩就好了，多苗条、多窈窕。可惜我是个男的。
我也曾经试过一个暑假吃了睡，睡了吃，基本上不怎么走路，结果还是徒劳，一斤没胖反倒瘦了半斤。
可能是和以前嘴叼有点关系，好多东西不吃。
也可能是和以前作息时间太乱有关系，基本是白天睡觉晚上精神。（但我高中和初中作息很正常啊！）
也可能是。。。

反正就是很多可能性，并且我已经放弃了让自己增肥的念想。
我曾经说过我是那种“吃点好的不长膘，吃点不好的吧，又掉肉”的那种人。
可是，前两天去超市的时候顺便在一个机械秤上秤了一下。
我的天，65kg，130斤啊。当时还以为是那个秤坏了，就又换了一个试试，结果依然是65kg。

好吧，我承认我确实发福了，我脸确实大了点，肚子上确实有摺了。
我以后只能穿二尺三的裤子了，一尺九的年代已经过去了。
我的那令多少女性羡慕致死的吃不胖的体质已不再了，我狠怀念他。
这多亏了大厨Rabbit啊，做了那么好吃有营养的饭。
啥都不说了，上面条。

注：里面有阿香婆牛肉酱若干、青椒若干、香肠若干、海鲜丸子若干、西红柿若干、调料若干、面条若干。

以前对于!important这个属性不是很关注，也不是很清楚他的用处。
刚才在老杨那看到他的一篇关于!important的应用，之后豁然开朗，原来!important也可以当做是ie6的hack。

看例子：

div{margin-left:20px;margin-left:40px;}

上面是ie6的一个经典BUG—-双边距BUG，就是说当一个层用到float，又用到margin的属性的时候，ie6就有可能把这个层的margin值解析为双倍的。

其中一种解决办法：

div{margin-left:20px;margin-left:40px;display:inline;}

就是给这个层加一个display:inline的属性，使ie6和其他浏览器的解析都是一样的，具体的原理这里我就不解释了。

还有一种办法：

div{margin-left:40px;_margin-left:20px;}

用_margin-left:20px;这个只有ie6才解析的hack来解决双边距的BUG。

今天要介绍的用!important来解决的办法：

div{margin-left:40px !important;margin-left:20px;}

因为ie6不支持!important规范，而ie7及以上版本、Firefox、Chrome都支持!important规范，所以在ie7及以上版本、Firefox、Chrome浏览器中这个层的边距就是40px，而在ie6中，这个层的边距就会执行20px的语句了。

这也不失为一个ie6的小hack。

好吧，我承认我骗人了。
其实这个冬至是相当冷，北京有些年头没有这个低的温度了—-零下12°
我们北方人的习俗是冬至要吃饺子，不然会冻掉耳朵，具体的来由我也没查，反正已经吃了20多年了。
今年的冬至也不例外，要吃饺子。
最近这几年的饺子都是自己动手，丰衣足食，在学校如此，毕业也是如此。
去年在小白的回忆下，想到吃的是韭菜芹菜肉馅的吧，虽然没吃上热乎的。
今年在Rabbit的主厨下，小白和我很荣幸的吃上了“N鲜”（文章末尾有解释）馅的。

在零下-12°（其实是在家里有暖气）的环境下吃着“N鲜”馅的饺子，别提有多惬意了。
做“N鲜”馅饺子的开始，下楼买了点饺皮和晚上吃火锅的材料。
不出去不知道，一出去差点回不来，这天气那叫一个冷，这风那叫一个大。
如果出门不把嘴、鼻子、脸都给捂好，等你回家估计半个小时恢复不过来吧。
不然小白能从公主坟打车到罗道庄么，原因就是走不动，风太大，太冷，本来他还想试试走几步。
但是在强风的强奸下迅速的放弃了。

天冷好啊，不然怎么能叫得上是冬天最冷的一天呢。
唯一遗憾的就是市区没有下雪，听小白说（他也是从司机那听说的）昌平还有那什么都下雪了，还不小。
北京三四个月没下过大雨了，自从奥运会过后就没用过雨伞，忒干燥了。

注：“N鲜”—-鸡肉、豆皮、胡萝卜、香菇、白菜等等

晚上吃的火锅，吃之前没有拍下来，吃之后小白才想着拍下来，只剩汤了，实在是惨不忍睹，就不上图了。