以前常说：Web2.0！结果2.0时代直接就来了。如今在Google 的代领下，Html5正慢慢走进人们的视线，You/to/be就是很好的例子。我一直是一个爱折腾代码级别的 SEO 技巧的 IT，觉得网页的宗旨嘛：
不仅要人类看了优美，也要 Spider 看了优雅。
于是Html5 语意化标签就成了“众矢之的”，呵呵，下面带来本文的主角，HTML5 & CSS3 WordPress 主题一枚。至于HTML5标签语法神马的就不说了，感兴趣的同学直接下载看手册吧->HTML5手册 & CSS3.0手册。
该主题是由 @Ethan 设计和编写，我呢，作为全程监工，负责各种挑刺，发现超爱干这活。
—————-
名称：yoTheme V1.0 （话说看到什么1.0版本，就觉得跟内测，封测一样。。无名的兴奋）
下载&发布页：WordPress模板 yoTheme v1.0 发布
支持：FF3+|Chrome5+|Safari 4+|Opera 9+|IE 9 (奇怪了，那IE6/7/8支持么？且接着往下看。)
—————-
众所周知，HTML5 最显著的特点就是多了许多新标签，一方面大大加强了语义化的能力，另一方面使得诸多旧版浏览器不识别页面标签了。
怎样解决这种兼容性问题呢？怎样让HTML5 支持 IE 呢？这里提出3中方法：
1. User Agent判别法
既然 IE6/7/8 | FF3- | chrome – 等等低版本浏览器不能识别属于HTML5的新标签，我们可以对这些浏览器进行侦测，向其输出普通的HTML4 标签，例如：用 <DIV> 替代 <article> 等标签。如下：
<?php
$ua = $_SERVER['HTTP_USER_AGENT'];
function htmlUA($html4,$html5) {
global $ua;
if (strstr($ua,'MSIE 8.0')||strstr($ua,'MSIE 7.0')||strstr($ua,'MSIE 6.0')||strstr($ua,'Firefox/3')||strstr($ua,'Firefox/2')||strstr($ua,'Opera')) {
$html = 4;
}else {$html = 5;}
}
?>
有了上边的函数 htmlUA() 我们在诸如 index.php 中就可以用判断语句来控制对特定浏览器输出html4 标签了。
2. Javascrip IE hack法 （淘宝网的做法）
<html>
<head>
<style type="text/css">
article { color:red; }
</style>
<script type="text/javascript">document.createElement("article");</script>
</head>
<body>
<artical> 自力博客 | zlz.im </artical>
</body>
</html>
上面这个就是 HTML5 新标签<article>的demo，在FF4下会显示 自力博客 | zlz.im 红色的字样，但是在IE6/7/8中无法显示，除非加上 document.createElement(“article”); 这一行作为hack。
当然，完成上面的hack后，最后还要在 CSS 文件中给这些新标签定义 display:block; 的属性，如下：
section,article,aside,header,footer,nav,dialog,figure{display:block;}
3.Mode（去掉括号）rnizr库HTML5特效检查
Mode（删除括号）rnizr 就是为HTML5而生的——它是一个检测浏览器对HTML5和CSS3特性支持的JS库，用法简单且有效，这里就不重复劳动了，见蓝色理想->传送门
至此，html5 就能在所有浏览器上兼容运行了，这就是我拿到 @Ethan 的这个新主题后内测时研究的成果，继续观望，坐等 yoTheme V1.1 Release。LOL~~~无尽的折腾。。无尽的乐趣。
- Pingback on 2011/03/28/ 10:14
不甜不要钱，沙发一枚，自力是个好同学！
@Ethan: 夜猫子
@HzlzH: 怪不得这么久不见自立了，原来在搞深度研究呢！支持！！
我有个主题，HTML5的，等找个空帮我研究一下，我在本地测试一点问题没的，结果上传到空间就不行了。等我QQ发你，帮我看一下原因。
@李思章: 呵呵，自力的力总是被打错，HTML5的兼容性是头疼的问题，不过既然在本地没问题，Host 上也好解决了。
@HzlzH: 嘿嘿。我总是打成自立。。。
半夜来学学~
@奚少: 又一个夜猫子
话说目前还不太喜欢H5.~俺还是拿着HX1.1继续玩着吧
这个不要太强大啊，果断测试之~
@有点蓝: 测试不要用Opera，会杯具，
@HzlzH: 不会吧，我在预览里看到很正常啊，不过也仅仅是正常，没有看到很特别的功能
@有点蓝: 是没什么功能，我主要关注代码结构什么的，呵呵
@HzlzH: 呃明白了，这个不是追求功能有多炫，而是一种革命性的实验~
尝试一下新主题
最近HTML5貌似很火。
@Kailash: 即将很火的说
专业啊，爱折腾代码级别的 SEO 技巧的 IT。
@霍格: 别以为顶着japan IP 我就不认识你了。
纯GR路过不懂的飘过…
@Veezy: 敢问是那个feed url？feed.hzlzh.com 还是 feed.zlz.im
@HzlzH: feed.hzlzh.com
@Veezy: 还不快换新的地址 feed.zlz.im ，LOL~~~
@HzlzH: 嘿嘿，换去鸟~
搜索我的博客进来的，好像你的博客模板权重比我的高！
@爱达芙妮: 呵呵，比较好奇你搜索的什么关键字。
我99年开始学HTML，后来02年左右开始学CSS，现在我上了年纪了，又出5了，真没精力学了！忙着赚钱、照顾孩子、照顾老人。
@网店货源网: Web 就是这样，不断的推陈出新，唉，尽量跟吧
@xiaoxin: 你用的是火狐？我的UA 侦测不可能有问题啊
现在我们公司要求我们页面都用HTML5写，好过瘾的，哈哈
@万戈: 哇，这是什么公司。太前卫了，低版本兼容怎么做的呢？
@HzlzH: 用 html5 shiv 脚本，保证 IE 认识那些 HTML5 的标签就行了
@万戈: 跟Mode（去掉括号）rnizr库差不多，蛮好用滴
兼容好烦啊，暂时不上，以后吧
@zwwooooo: 期待zww HTML 5 系列。哈哈
@HzlzH: 还没看过相关内容，囧
@xiaoxin: 我承认 你终于FF4了。。。。
@HzlzH: 我的图标终于显示正确了
html5如此高深，真正升华，要了解了
@WordPress啦: 这个变革，一定会实现滴，呵呵
CSS3现在的兼容性还是不够，等等……
@林木木: CSS3 兼容比HTML5 好一点点。。等吧，Web3.0时代到来吧
下载个收藏
呵呵,都在折腾HTML5了。
好文一篇，收藏了。
下载个收藏
打算把自己的主题改成HTMl5标签
搜索newzealand.com来到你的地盘，分析的不错。