海树枫天 心灵港湾--Seamaple's Blog http://www.seamaple.net You're almost as happy as you think you are. Sat, 28 Aug 2010 03:26:53 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 为伊春失事飞机遇难及香港菲利宾遇难同胞默哀 http://www.seamaple.net/2010/08/25/%e4%b8%ba%e4%bc%8a%e6%98%a5%e5%a4%b1%e4%ba%8b%e9%a3%9e%e6%9c%ba%e9%81%87%e9%9a%be%e5%8f%8a%e9%a6%99%e6%b8%af%e8%8f%b2%e5%88%a9%e5%ae%be%e9%81%87%e9%9a%be%e5%90%8c%e8%83%9e%e9%bb%98%e5%93%80/ http://www.seamaple.net/2010/08/25/%e4%b8%ba%e4%bc%8a%e6%98%a5%e5%a4%b1%e4%ba%8b%e9%a3%9e%e6%9c%ba%e9%81%87%e9%9a%be%e5%8f%8a%e9%a6%99%e6%b8%af%e8%8f%b2%e5%88%a9%e5%ae%be%e9%81%87%e9%9a%be%e5%90%8c%e8%83%9e%e9%bb%98%e5%93%80/#comments Wed, 25 Aug 2010 02:39:26 +0000 admin http://www.seamaple.net/?p=1829 菲利宾香港游客被劫持血案刚刚落幕，又传来伊春市飞机空难的噩耗，今年注定又是个多事之秋，但愿多难兴邦，中华民族能真的在灾难面前更加的团结，更加的自强自立，而不是窝里斗，搞地域歧视，幸灾乐祸，在天灾面前不管你是总统，还是屁民一律平等，愿逝者安息，灾难不要再次降临。

最后奉上王菲一首心经，愿天堂里没有灾难

]]> http://www.seamaple.net/2010/08/25/%e4%b8%ba%e4%bc%8a%e6%98%a5%e5%a4%b1%e4%ba%8b%e9%a3%9e%e6%9c%ba%e9%81%87%e9%9a%be%e5%8f%8a%e9%a6%99%e6%b8%af%e8%8f%b2%e5%88%a9%e5%ae%be%e9%81%87%e9%9a%be%e5%90%8c%e8%83%9e%e9%bb%98%e5%93%80/feed/ 0 Centos中压缩(zip)和解压(unzip)命令 http://www.seamaple.net/2010/08/17/centos%e4%b8%ad%e5%8e%8b%e7%bc%a9zip%e5%92%8c%e8%a7%a3%e5%8e%8bunzip%e5%91%bd%e4%bb%a4/ http://www.seamaple.net/2010/08/17/centos%e4%b8%ad%e5%8e%8b%e7%bc%a9zip%e5%92%8c%e8%a7%a3%e5%8e%8bunzip%e5%91%bd%e4%bb%a4/#comments Tue, 17 Aug 2010 02:00:04 +0000 admin http://www.seamaple.net/?p=1827 在用ftp软件备份数据的时候，由于文件太多导致耗费许多时间，所以需要用压缩和解压的命令，列如，我需要备份/opt/data文件夹，但是由于data里面文件数目有几万个，这个时候就需要用zip命令，见data文件压缩后在传输：

cd /opt

zip -r data.zip data

OK，将data文件压缩成了data.zip格式了，这是上传下载就很快了。同样的道理，将压缩文件传到centos里面时，可以用unzip解压文件；列如，将/opt/data.zip解压，就可以用如下命令：

cd /opt

unzip data.zip

===============================

还有更多相关的命令如下：

1. 我想把一个文件abc.txt和一个目录dir1压缩成为yasuo.zip：

＃ zip -r yasuo.zip abc.txt dir1

2.我下载了一个yasuo.zip文件，想解压缩：

# unzip yasuo.zip

3.我当前目录下有abc1.zip，abc2.zip和abc3.zip，我想一起解压缩它们：

＃ unzip abc\?.zip

注释：?表示一个字符，如果用*表示任意多个字符。

4.我有一个很大的压缩文件large.zip，我不想解压缩，只想看看它里面有什么：

# unzip -v large.zip

5.我下载了一个压缩文件large.zip，想验证一下这个压缩文件是否下载完全了

# unzip -t large.zip

6.我用-v选项发现music.zip压缩文件里面有很多目录和子目录，并且子目录中其实都是歌曲mp3文件，我想把这些文件都下载到第一级目录，而不是一层一层建目录：

# unzip -j music.zip

]]> http://www.seamaple.net/2010/08/17/centos%e4%b8%ad%e5%8e%8b%e7%bc%a9zip%e5%92%8c%e8%a7%a3%e5%8e%8bunzip%e5%91%bd%e4%bb%a4/feed/ 0 开心一刻 爱无锡论坛社区方言秀 http://www.seamaple.net/2010/08/09/%e5%bc%80%e5%bf%83%e4%b8%80%e5%88%bb-%e7%88%b1%e6%97%a0%e9%94%a1%e8%ae%ba%e5%9d%9b%e7%a4%be%e5%8c%ba%e6%96%b9%e8%a8%80%e7%a7%80/ http://www.seamaple.net/2010/08/09/%e5%bc%80%e5%bf%83%e4%b8%80%e5%88%bb-%e7%88%b1%e6%97%a0%e9%94%a1%e8%ae%ba%e5%9d%9b%e7%a4%be%e5%8c%ba%e6%96%b9%e8%a8%80%e7%a7%80/#comments Mon, 09 Aug 2010 12:22:41 +0000 admin http://www.seamaple.net/?p=1820 200) { alert('您的留言超过 200 个字符的限制。'); theform.message.focus(); return false; } return true; } // ]]> 详情请查看：http://iwuxi.cc/thread-7280-1-1.html 活动类型: 线上活动 开始时间: 2010-8-10 19:56 至 2010-8-16 19:56 商定 活动地点: 爱无锡论坛社区(iwuxi.cc)－娱乐休闲－网友活动版块 性别: 不限 报名截止: 2010-8-16 20:07 我参加 前一阵，从无锡火车站下来遇到一个年轻人在向一个大妈问路，大妈在说：“马路过海边，你能看见一个花嗒嗒，沿着一直八只意大利走就网到了。”把那个年轻人 说得迷迷糊糊晕头转向，听得我是哈哈大笑。在此给大家翻译一下大妈的无锡普通话：到马路对面，你能看见一个路口，沿着一直走就能看见了。 由此不禁感叹咱们无锡话的趣味性，值得大家来把生活中的某段话或某个谜语、诗歌、故事等发布发布供所有的朋友寻摸寻摸味道，开心一下。 特此发出本活动的邀请： 请大家找段用无锡方言讲的故事、诗歌、歌曲、生活片段发出帖子， 一周内看谁的贴子被顶得最多，大家投票支持的最多， 选出前10的帖子，第一名可获本社区50元的现金奖，第二第三名可获本社区30元的现金奖，第四至第十名可获得本社区10元的现金奖。 以后每个月本社区皆会推出类似奖品的主题活动，请各位朋友不吝赐予主题建议，一经采纳可获20元建议费。欢迎广大朋友关注我们的社区。 本活动解释权归爱无锡论坛所有，转载请注明出处。]]>

活动类型:
线上活动
开始时间:
2010-8-10 19:56 至 2010-8-16 19:56 商定
活动地点:
爱无锡论坛社区(iwuxi.cc)－娱乐休闲－网友活动版块
性别:
不限
报名截止:
2010-8-16 20:07

前一阵，从无锡火车站下来遇到一个年轻人在向一个大妈问路，大妈在说：“马路过海边，你能看见一个花嗒嗒，沿着一直八只意大利走就网到了。”把那个年轻人 说得迷迷糊糊晕头转向，听得我是哈哈大笑。在此给大家翻译一下大妈的无锡普通话：到马路对面，你能看见一个路口，沿着一直走就能看见了。
由此不禁感叹咱们无锡话的趣味性，值得大家来把生活中的某段话或某个谜语、诗歌、故事等发布发布供所有的朋友寻摸寻摸味道，开心一下。
特此发出本活动的邀请：
请大家找段用无锡方言讲的故事、诗歌、歌曲、生活片段发出帖子，
一周内看谁的贴子被顶得最多，大家投票支持的最多，

选出前10的帖子，第一名可获本社区50元的现金奖，第二第三名可获本社区30元的现金奖，第四至第十名可获得本社区10元的现金奖。

以后每个月本社区皆会推出类似奖品的主题活动，请各位朋友不吝赐予主题建议，一经采纳可获20元建议费。欢迎广大朋友关注我们的社区。

本活动解释权归爱无锡论坛所有，转载请注明出处。

]]> http://www.seamaple.net/2010/08/09/%e5%bc%80%e5%bf%83%e4%b8%80%e5%88%bb-%e7%88%b1%e6%97%a0%e9%94%a1%e8%ae%ba%e5%9d%9b%e7%a4%be%e5%8c%ba%e6%96%b9%e8%a8%80%e7%a7%80/feed/ 0 爱无锡社区(chat.iwuxi.cc)－遇见谁，路人随机聊天平台启动 http://www.seamaple.net/2010/08/03/%e7%88%b1%e6%97%a0%e9%94%a1%e7%a4%be%e5%8c%bachat-iwuxi-cc%ef%bc%8d%e9%81%87%e8%a7%81%e8%b0%81%ef%bc%8c%e8%b7%af%e4%ba%ba%e9%9a%8f%e6%9c%ba%e8%81%8a%e5%a4%a9%e5%b9%b3%e5%8f%b0%e5%90%af%e5%8a%a8/ http://www.seamaple.net/2010/08/03/%e7%88%b1%e6%97%a0%e9%94%a1%e7%a4%be%e5%8c%bachat-iwuxi-cc%ef%bc%8d%e9%81%87%e8%a7%81%e8%b0%81%ef%bc%8c%e8%b7%af%e4%ba%ba%e9%9a%8f%e6%9c%ba%e8%81%8a%e5%a4%a9%e5%b9%b3%e5%8f%b0%e5%90%af%e5%8a%a8/#comments Tue, 03 Aug 2010 09:27:19 +0000 admin http://www.seamaple.net/?p=1818 路过的是一种全新的在线交友方式，拒绝表露身份，和随机一个陌生人聊天。谁也不知道你是谁，谁也不知道你会碰上谁，放心向陌生人倾诉，这里没人认识路人甲，大家都是路过的！

爱无锡社区(chat.iwuxi.cc)－遇见谁，路人随机聊天平台启动

]]> http://www.seamaple.net/2010/08/03/%e7%88%b1%e6%97%a0%e9%94%a1%e7%a4%be%e5%8c%bachat-iwuxi-cc%ef%bc%8d%e9%81%87%e8%a7%81%e8%b0%81%ef%bc%8c%e8%b7%af%e4%ba%ba%e9%9a%8f%e6%9c%ba%e8%81%8a%e5%a4%a9%e5%b9%b3%e5%8f%b0%e5%90%af%e5%8a%a8/feed/ 0 昨晚感受到了很久没有感受到的“鬼压床”了 http://www.seamaple.net/2010/08/01/%e6%98%a8%e6%99%9a%e6%84%9f%e5%8f%97%e5%88%b0%e4%ba%86%e5%be%88%e4%b9%85%e6%b2%a1%e6%9c%89%e6%84%9f%e5%8f%97%e5%88%b0%e7%9a%84%e2%80%9c%e9%ac%bc%e5%8e%8b%e5%ba%8a%e2%80%9d%e4%ba%86/ http://www.seamaple.net/2010/08/01/%e6%98%a8%e6%99%9a%e6%84%9f%e5%8f%97%e5%88%b0%e4%ba%86%e5%be%88%e4%b9%85%e6%b2%a1%e6%9c%89%e6%84%9f%e5%8f%97%e5%88%b0%e7%9a%84%e2%80%9c%e9%ac%bc%e5%8e%8b%e5%ba%8a%e2%80%9d%e4%ba%86/#comments Sun, 01 Aug 2010 02:08:15 +0000 admin http://www.seamaple.net/?p=1814 或许是太劳累了，一天内坐了好几个小时的车，天气又超乎寻常的热，基本上又没坐着座位，感觉整个人特别的疲劳，晚上睡觉时候竟然感受到了很久没再感受到的“鬼压床”的感觉，连环噩梦，连环梦中梦，怎么醒都醒不过来，似乎整个人已经被限于极度恐怖的环境当中，怎么也无法摆脱，终于醒来的时候，全身都是汗，好久没有过这种感觉了，或许昨天是真累了。

]]> http://www.seamaple.net/2010/08/01/%e6%98%a8%e6%99%9a%e6%84%9f%e5%8f%97%e5%88%b0%e4%ba%86%e5%be%88%e4%b9%85%e6%b2%a1%e6%9c%89%e6%84%9f%e5%8f%97%e5%88%b0%e7%9a%84%e2%80%9c%e9%ac%bc%e5%8e%8b%e5%ba%8a%e2%80%9d%e4%ba%86/feed/ 0 这两天以为google doc解封了，实际是gfw抽风了，杯具 http://www.seamaple.net/2010/07/29/%e8%bf%99%e4%b8%a4%e5%a4%a9%e4%bb%a5%e4%b8%bagoogle-doc%e8%a7%a3%e5%b0%81%e4%ba%86%ef%bc%8c%e5%ae%9e%e9%99%85%e6%98%afgfw%e6%8a%bd%e9%a3%8e%e4%ba%86%ef%bc%8c%e6%9d%af%e5%85%b7/ http://www.seamaple.net/2010/07/29/%e8%bf%99%e4%b8%a4%e5%a4%a9%e4%bb%a5%e4%b8%bagoogle-doc%e8%a7%a3%e5%b0%81%e4%ba%86%ef%bc%8c%e5%ae%9e%e9%99%85%e6%98%afgfw%e6%8a%bd%e9%a3%8e%e4%ba%86%ef%bc%8c%e6%9d%af%e5%85%b7/#comments Thu, 29 Jul 2010 15:08:10 +0000 admin http://www.seamaple.net/?p=1812 前两天朋友告诉我google doc貌似解封了，于是我试着访问了一下，果不其然，差点把我感动得一把鼻涕一把眼泪的，今天再试试，果然又不行了，浪费了我的一番表情，于是乎，我跟朋友说，不是google doc解封了，而是gfw抽风了，汗啊，说句气话，如果我是黑客我保证把gfw给废了……

]]> http://www.seamaple.net/2010/07/29/%e8%bf%99%e4%b8%a4%e5%a4%a9%e4%bb%a5%e4%b8%bagoogle-doc%e8%a7%a3%e5%b0%81%e4%ba%86%ef%bc%8c%e5%ae%9e%e9%99%85%e6%98%afgfw%e6%8a%bd%e9%a3%8e%e4%ba%86%ef%bc%8c%e6%9d%af%e5%85%b7/feed/ 0 51LA统计又出问题了，目前全面瘫痪 http://www.seamaple.net/2010/07/29/51la%e7%bb%9f%e8%ae%a1%e5%8f%88%e5%87%ba%e9%97%ae%e9%a2%98%e4%ba%86%ef%bc%8c%e7%9b%ae%e5%89%8d%e5%85%a8%e9%9d%a2%e7%98%ab%e7%97%aa/ http://www.seamaple.net/2010/07/29/51la%e7%bb%9f%e8%ae%a1%e5%8f%88%e5%87%ba%e9%97%ae%e9%a2%98%e4%ba%86%ef%bc%8c%e7%9b%ae%e5%89%8d%e5%85%a8%e9%9d%a2%e7%98%ab%e7%97%aa/#comments Thu, 29 Jul 2010 01:25:47 +0000 admin http://www.seamaple.net/?p=1810 今天刷新51la统计时候返回这么一条信息：因主数据中心出现接入线路故障，暂无法提供服务，望谅解，目前抢修工作已经展开。我立马意识导51la统计又出问题了，看来免费的服务的确不稳定.

]]> http://www.seamaple.net/2010/07/29/51la%e7%bb%9f%e8%ae%a1%e5%8f%88%e5%87%ba%e9%97%ae%e9%a2%98%e4%ba%86%ef%bc%8c%e7%9b%ae%e5%89%8d%e5%85%a8%e9%9d%a2%e7%98%ab%e7%97%aa/feed/ 0 刚刚加了凤姐的qq(563711622)，就说了一句“去iwuxi.cc看看，你懂得” http://www.seamaple.net/2010/07/27/%e5%88%9a%e5%88%9a%e5%8a%a0%e4%ba%86%e5%87%a4%e5%a7%90%e7%9a%84qq563711622%ef%bc%8c%e5%b0%b1%e8%af%b4%e4%ba%86%e4%b8%80%e5%8f%a5%e2%80%9c%e5%8e%bbiwuxi-cc%e7%9c%8b%e7%9c%8b%ef%bc%8c%e4%bd%a0/ http://www.seamaple.net/2010/07/27/%e5%88%9a%e5%88%9a%e5%8a%a0%e4%ba%86%e5%87%a4%e5%a7%90%e7%9a%84qq563711622%ef%bc%8c%e5%b0%b1%e8%af%b4%e4%ba%86%e4%b8%80%e5%8f%a5%e2%80%9c%e5%8e%bbiwuxi-cc%e7%9c%8b%e7%9c%8b%ef%bc%8c%e4%bd%a0/#comments Tue, 27 Jul 2010 14:29:05 +0000 admin http://www.seamaple.net/?p=1808 刚刚加了凤姐的qq(563711622)，就说了一句“去iwuxi.cc看看，你懂得”，结果你们都懂的，兴奋中……

]]> http://www.seamaple.net/2010/07/27/%e5%88%9a%e5%88%9a%e5%8a%a0%e4%ba%86%e5%87%a4%e5%a7%90%e7%9a%84qq563711622%ef%bc%8c%e5%b0%b1%e8%af%b4%e4%ba%86%e4%b8%80%e5%8f%a5%e2%80%9c%e5%8e%bbiwuxi-cc%e7%9c%8b%e7%9c%8b%ef%bc%8c%e4%bd%a0/feed/ 0 IPv6即将拯救互联网 http://www.seamaple.net/2010/07/25/ipv6%e5%8d%b3%e5%b0%86%e6%8b%af%e6%95%91%e4%ba%92%e8%81%94%e7%bd%91/ http://www.seamaple.net/2010/07/25/ipv6%e5%8d%b3%e5%b0%86%e6%8b%af%e6%95%91%e4%ba%92%e8%81%94%e7%bd%91/#comments Sun, 25 Jul 2010 08:06:33 +0000 admin http://www.seamaple.net/?p=1806 IT管理员和普通用户都已熟知，目前世界上几乎没有IP地址了，或者说至少是几乎没有IPv4地址了。幸运的是，IPv6已经开发，将成倍地扩大可用的IP地址池，同时也提供一些其他方面的好处。 为了解决与目前使用的IP协议（IPv4）问题，增加新功能以改善未来的协议，互联网工程任务组（IETF）已经推出IPv6（互联网协议版本6）。让我们从几个方面看看，IPv6将如何来拯救和保护互联网。 1. 更多的地址 IPv6使用128位地址而不是目前的32位地址，这样可用IP地址的数量会急剧增加。网络路由专家，早在80年代在世界上大多数人还没知道互联网之前，在互联网变得无处不在之前就意识到IPv4的局限性。

使用32位的IPv4只允许大约4.3亿个IP地址。而由于每个网络连接的设备——服务器，台式机，笔记本电脑，智能手机，平板电脑等等，都必须有一个IP地址，而且因为网络已经在像中国和印度等国家爆炸式增长，整个世界里可用的IPv4地址临近结束。

使用128位来编制独特的地址，IPv6的海量IP地址远远超过今天的互联网和网络连接设备的疯狂需求。而不会像IPv4的43亿地址极限，IPv6有足够的地址，给地球上的每一个人都会分配到数十亿。

2. 向后兼容 IPv6可以向后兼容IPv4，所以不同的网络或硬件制造商可以在不同的时间升级而不会破坏互联网上的当前流量数据。鉴于整个世界对互联网上的新闻，商业，公共安全，国家安全都十分依赖互联网，IPv6的这一特性尤显重要。

最后，所有的IPv4的设备将被消耗替换，IPv6将是唯一使用的地址协议。但是，这可能需要数十年，因此在可预见的未来，向后兼容性将是至关重要的。

3. 更好的安全性 IPv6设计理念包含加密和认证。 IPSec是IPv4的一个可选的安全组成部分，但在IPv6是强制性的。使用IPSec，每个独立数据包都进行加密和认证，使许多对现在这样的互联网的恶意攻击变得不大可能，或者说更加困难。

4. 更好的性能 IP数据包的和头，以及IPv6路由器处理数据包的方式已经改变，以提高性能，从而减少丢失或遗漏的数据包，连接更加可靠有效。随着越来越多的的人和设备共享互联网，VoIP（IP语音）和视频流的需求增长，性能将比以往任何时候都更重要。

即将超过20年了，但IPv4地址短缺现在才开始变得非常现实。希望在不久的将来看到在IPv6采用。

]]> http://www.seamaple.net/2010/07/25/ipv6%e5%8d%b3%e5%b0%86%e6%8b%af%e6%95%91%e4%ba%92%e8%81%94%e7%bd%91/feed/ 0 现在如何在你的站点上使用HTML5 http://www.seamaple.net/2010/07/23/%e7%8e%b0%e5%9c%a8%e5%a6%82%e4%bd%95%e5%9c%a8%e4%bd%a0%e7%9a%84%e7%ab%99%e7%82%b9%e4%b8%8a%e4%bd%bf%e7%94%a8html5/ http://www.seamaple.net/2010/07/23/%e7%8e%b0%e5%9c%a8%e5%a6%82%e4%bd%95%e5%9c%a8%e4%bd%a0%e7%9a%84%e7%ab%99%e7%82%b9%e4%b8%8a%e4%bd%bf%e7%94%a8html5/#comments Fri, 23 Jul 2010 04:02:22 +0000 admin http://www.seamaple.net/?p=1797 已经有许多文章是关于HTML5的了，例如“HTML5有什么期待？”和“HTML5会如何改变网络”之类的，但是对于Web开发人员来说，最主要 需要知道的是：我现在可以用上HTML5来做些什么，我怎么开始使用它？好消息是现在已经有不少的HTML5里的东西可以使用了。但是，开始你就必须要明 白一件事情，你需要知道你的受众如何，否则的话你就不该使用HTML5。假如你的站点的访问大部分人都是在使用IE6，那么你完全没有任何理由使用HTML5。另一方面，如果你站点的访问者都是使用手机浏览器，如iPhone和iPad，那么你还在等什么呢？马上就可以开始动手了！等等，这里有一些准则，看完再动手不迟。

你现在可以使用哪些HTML5特性？

虽然HTML5标准现在仍然是个草案，在标准化组织手里依然还在商讨，但是重要的部分已经被许多现代的浏览器实现了。Apple Safari, Google Chrome, Mozilla Firefox, Opera和Microsoft IE9都已经很好的支持了HTML5的部分特性。

先来看看各浏览器在HTML5TEST网站上的得分如何：

* Apple Safari 5.0: 208

* Google Chrome 5.03: 197

* Microsoft IE7: 12

* Microsoft IE8: 27

* Mozilla Firefox 3.66: 139

* Opera 10.6: 159

看起来很明显，非IE核心的主流浏览器大部分都对HTML5支持良好，它们可以使“使用了HTML5草案的网站”工作得很好。

回到开始，你现在就可以使用HTML5的doctype了，没有理由不使用，你甚至可以在整个网站里进行查询和替换：

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

变为：

<!DOCTYPE html>

<html>

下面这部分代码看起来更简洁和直接，不是吗？如果浏览器用一个标准兼容的方式来渲染你的网页，那么他们现在仍然会这么做。

说说视频吧。许多关于HTML5的出版物都会提及到目前的竞争者，一共四个：Flash, H.264， OGG和WebM。所有这些在未来都有可能成为一个标准格式，而且没有一个可以在所有平台所有浏览器上正确播放，很悲哀吧，看起来，浏览器的赞助商们在短 时间内还没有为这个特性准备一个公共的格式。

所以，显而易见的是，Video标签现在还没有到可以应用的阶段。但是等下，人们应该期待HTML5的视频标签是与格式无关的。事实上，因为视频可 以包含多个Source标签，它也必须得这样工作。如果你的浏览器不支持第一个选项，那么就会去尝试第二个，再第三个，四个，五个……

处理这样的情况的HTML是一个开源项目，支持基于网络的视频，不使用任何脚本和浏览器嗅探，可以在这里找到。

从语义上讲，HTML5的一个大的改变就是那些语义明确化的标签。可以看到的改变是，目前你的站点上充满了类似于这样的代码：

<div id=”header”> <span class=”nav”>

而在HTML5中，你可以这样表示：

<header> <nav>

是不是语义更明确？当然，我们还是要用CSS[层叠样式表]来格式化这些元素。但是等等，没有一个IE版本可以支持这些标签！这对于人们来说是一个 巨大的问题！我们真的这么倒霉吗？谢天谢地，我们还有一个解决方案：所有你需要做的事情就是把下面的代码粘贴到你的页面的HEAD标签里：

<!–[if lt IE 9]>
<script src=
“http://html5shiv.googlecode.com/svn/trunk/html5.js”>
</script>
<![endif]–>

HTML5 Shiv是一个开源的项目，基于一个简单的发现：如果你在IE里创建了一个DOM元素，那么你就可以用那个名字在样式里使用。例如，如果你使用

document.createElement(“foo”)

创建了一个DOM元素，那么你就可以在当前页面里加入任意数量的foo标签，而且IE会格式化它们。HTML5 Shiv里包含了一些IE不能识别的HTML5元素，然后一个一个的去创建它们。这样你就可以使用这些HTML5标签了，例如：

Article, Section, Header, Footer, Nav

智能表单，另一个使HTML5更聪明的特性。如果你对于每次写同样的脚本去检查邮件地址的合法性或者类似于电话号码、网络地址之类的感到厌烦的话，那么你不是一个人！有理由去让浏览器去完成这些烦人的工作，不是吗？相当正确。

下面是语法：

<input type=”email”>
<input type=”url”>
<input type=”number”>
<input type=”tel”>

那些旧的浏览器会如何处理？比较聪明的部分：如果它们看到一个TYPE属性有个值不认识的话， 那么它们就会用默认值Text去渲染这个元素，这正是我们所期望的向下兼容的结果。支持HTML5的浏览器会自动去验证这个字段类型，但是，你最好还是不 要把以前的脚本扔掉，至少——也要在IE9普及以后。

如果你还想知道除了验证之外，支持这些类型的浏览器还做了些什么事情，那么你可以在iPhone上试试这些表单。你会注意到与表单关联的键盘类型都 会发生变化，有的时候是数字类型的，有的时候是字母类型但附加了一个@符号，还有的甚至直接有一个按键.com，这就是这些元素的魔力。所有你需要做的就 是改变这个type的属性值而已。

还可以更智能一点，这里还有个新属性：

placehoder

这个值可以简单地指定一段文本，你经常在网上看到的效果，没值的时候显示此文本，单击的时候值变成空，离开又恢复成该文本，以前要用到Javascript处理，现在浏览器会为你做这个事情了。

<input type=”email” placeholder=”Your email address”>

有哪些HTML5特性你马上就可以使用？

不是所有的HTML5元素都已经准备好可以使用了，因为种种原因（这些原因是没有一个缩写为 IE 的），浏览器支持马上就要来了，在不远的未来，你马上就有两个元素可以使用了。

魔幻字体，每个设计师都有一个梦想，希望站点的访问者们都安装了他们在设计时所需要的字体，为此，以前可谓手段 百出，用图片，Flash等等不一而足，现在，他们拥有了这个权利，你可以强制你的访问者安装你指定的字体了。这就是CSS3的支持： @font-face属性。Firefox 3.5以前的版本和Safari的移动版本(iOS 4之前）不支持这个属性，如果你的站点有很多这样类似的访问，那么你可能就得等等了。

无论如何，其实没有真正的理由，让所有的浏览器都使用同一种字体的。如果你想提供给那些支持此属性的浏览器以自定义字体，然后让不支持此属性的浏览器有一个可替代的字体也是一个不错的解决方案，这个时候，Font Squirrel’s @font-face 生成器 是个不错的去处。

阴影和圆角，让很多设计师高兴的东西来了，文本阴影、区块阴影，区块圆角特性等现在都CSS3支持的标准了。再说一次，如果你不想用像素级别的完美来衡量在不同浏览器中的渲染的话，那么你现在就可以开始使用这些特性了。CSS3 生成器 会帮助你做好这事。

圆角 (Firefox 3+, Safari 3.1+, Opera 10.5+, Chrome 4+, IE 9+)

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

文本阴影 (Firefox 3.5+, Safari 1.1+, Opera 9.6+, Chrome 4+)

text-shadow: 5px 5px 3px #CCC;

区块阴影(Firefox 3.5+, Safari 3+, Opera 10.5+, Chrome 4+):

-webkit-box-shadow: 10px 10px 5px #666;
-moz-box-shadow: 10px 10px 5px #666;
box-shadow: 10px 10px 5px #666;

哪些特性有一天你会用到？

这个目录里包含了开发人员和设计师已经想了很多年的特性。可惜的是，在它们能够在现实世界真正使用之前，可能还得再等上几年时间。

智能表单，前面已经提到过了，但是其实还有很多更好用的元素没有提及，但在更广泛的支持之前，是没有办法使用的。

滑动选择器：

<input type=”range” min=”0″ max=”100″ step=”2″ value=”50″>

颜色选择器：

<input type=”color”>

日期选择器：

<input type=”date”>

带有正则验证的输入框：

<input type=”text” pattern=”[0-9]{13,16}”>

必须输入的输入框：

<input type=”text” required>

所有这些标签都没有跨浏览器，跨平台实现支持，不过当那天到来的时候，你一定会很向往使用这些标签的。

打印式布局，另一个CSS3的特性，全面实施尚需好几年的时间。给设计师们提供了多列布局的特性。目前只能在Firefox和Safari的测试用例里实现。

-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;

地理位置检测，随着基于位置的服务增长，例如Gowalla和Foursquare，对于浏览器来说，知道用户 在哪里是很有用的。所以，基于手机的移动浏览器率先实现这个特性也就不足为奇了，Firefxo 3.5和Safari 5已经开始提供地理定位的支持了。(Chrome的类似服务是通过Gears实现的，不过正在逐步转向到HTML5上面）。

离线工作和本地存储，在你没发现你没有网络连接的时候，将数据存储在云端是非常伟大的主意；或者你有一个应用程 序，需要处理大量的数据，这样就不得不频繁地在服务端和客户端之间往来，比你想像得到的还要多；又或者你的移动数据流量有限，你想在手机上存储更多的数据 以避免太多的流量损耗，这个时候的答案就是，使用本地储存来使应用程序离线工作，当连线的时候再同步到云端的功能。

支持此功能的浏览器有：Firefox 3.5+, Safari Mobile 3.1+, Safari 4+, Chrome 4+。

画板、动画和变换效果，HTML5的承诺之一使用Canvas元素和一些CSS3属性可以实现是全说明和全动画的网站。这来自2010年7月12号的标准。

规范 说明 IE Firefox Safari Chrome
Canvas 动态图形 9 3 3.2 3
Canvas 文本API 动态文本 9 3.5 4 3
变换
Transitions		 简单的属性变换 ? 4 3.2 3
动画
Animation		 高级的属性变换 ? ? 4 3
3D Canvas图形/WebGL 硬件加速的动态3D图形 ? 4 5 5
变形
Transforms		 旋转和元素缩放 ? 3.5 3.2 3
3D变形
3D Transform		 通过第三维进行变换 ? ? 5 ?

绿色=已实现，红色=没有已经计划

使用最尖端的HTML5的捷径

如果你已经迫不及待地想IE8老死掉，那么，有很多种方法可以跳过它继续往前——再说一次，依然取决于你的访客。查看一下你的站点的访问日志，看看 访问量最多的浏览器标头是什么。这其中有一种方法就是，例如，使用Google的Chrome Frame，给IE嵌入了一个Chrome实例，如果你明白你站点的访问者可能已经安装了GCF[Google Chrome Frame]，那么你可以在你的HEAD里加上一行META标签，强制IE浏览器使用GCF来显示你的网站：

<meta http-equiv=”X-UA-Compatible” content=”chrome=1″>

[编者：不过提醒你的就是，这样做会使得原来的IE=7的IE7兼容模式失效，如果选择请自己权衡。]

再加上一小段的Google提供的脚本，可以让没有安装GCF的用户跳转到GCF的安装页面，那么你也许可以跳过IE的限制。[编者：我疯了，怎么看怎么像是免费为GCF打广告来带来免费流量……]

列举在本篇文章里的元素只是当前HTML5和CSS3草案中的一小部分，如果你不得不使用另外的一些新特性，那么去检查一下现有的开源项目是很有必要的，这样可以将浏览器兼容性的问题降到最低。

许多媒体在报道HTML的时候都把焦点放在立场上面，什么“不到2022年”，什么“Flash杀手”之类的。现实是，HTML5是长期以来的需要和对久未更新的HTML4的一次全新升级——所以，今天你就可以开始使用它了。

]]> http://www.seamaple.net/2010/07/23/%e7%8e%b0%e5%9c%a8%e5%a6%82%e4%bd%95%e5%9c%a8%e4%bd%a0%e7%9a%84%e7%ab%99%e7%82%b9%e4%b8%8a%e4%bd%bf%e7%94%a8html5/feed/ 0