网站使用微格式试验

vcard 接洽人阐明：
fn 表姓名属性值
email 表邮件属性值

Dreamweaver微格式扩大

事件属性解释：
summary 事件的概要信息
category 事件的类型
url 事件的链接
dtstart 事件的开端时间/日期，即触发事件
duration 事件的持续时间
duration 日期/时间信息定义：
P2Y = 连续2年
P10D = 持续10天
P3H = 持续3个小时
P2W = 持续2周
P8DT8H8M = 持续12天8小时8分钟

微格式参考材料：

hCalendar微格式基础规矩：
1，属性跟子属性通过class来描写。
2，特定的hCalendar属性是树立在iCalendar属性名称基本上的如:vevent
3，属性和子属性名字大小写敏感
4，”根”属性不能同其他属性组合。如<div class=”vevent summary”>是无效的。
<dl class=”vevent”>
 <dt>我的个人日程：</dt>
 <dd><a href=” class=&rdquo,网站产品设计和网站运营;summary”><span class=”category”>游泳</span></a></dd>
    <dt>运动时光：</dt>
    <dd><abbr class=”dtstart” title=”2009-05-19T18:00:00″>05-19</abbr>&ndash,网站中文字的视觉设计;<abbr class=”dtend” title=”2009-06-19T18:00:00″>06-19</abbr>, <abbr class=”duration” title=”P4W”>持续4周</abbr></dd>
     <dd class=”vcard”><a class=”fn” href=” <span class=”title”>前端开发</span> <span class=”locality”>广州</span> <span class=”org”>UED163</span> <a href=”mailto:jalin668@126.com” class=”email”>jalin668@126.com</a></dd>
</dl>
<div class=”mytag”>
 <a href=” title=”firefox” rel=”tag”>firefox</a>
    <a href=” title=”IE” rel=”tag”>IE</a>
    <a href=” title=”safari&rdquo,网站上线前需要做的准备工作有哪些; rel=”tag”>safari</a>
    <a href=” title=”chrome” rel=”tag”>chrome</a>
    <a href=” title=”oprea” rel=”tag”>oprea</a>
</div>
<div class=”copyright”>,网站上的广告与网站设计的关系;<a href=” rel=”license”>版权：UED163</a></div>

以上代码发生后果显示:

检测微格式插件（现只有Firefox与Safari）：
firefox:Operator,Tails Export
Safari:Safari Microformats

reg 属性说明
我的标签：reg=”tag”
版权使用权rel属性说明：rel=”license”

以上demo比拟基础而且简略易懂，试着运用下吧:)

最近对微格式进行了一些学习，在学习进程中播种不少。在此分享下，欢送交换！
微型格局的长处：
1，语义化的HTML和CSS类名称来标志独特内容。
2，使机器能够浏览和理解可能只有人类可懂得的数据，一系列的尺度化方式。
3，微格式容许网站上的内容容易地与其余利用对接,网站、数据库的衍变之路(二)，从而进步信息的应用率。