你的网站使用了微格式了么

来源:互联网 责任编辑:栏目编辑 发表时间:2013-07-01 03:55 点击:

最近对微格式进行了一些学习,在学习过程中收获不少。在此分享下,欢迎交流!

微型格式的优点:

语义化的HTML和CSS类名称来标记共同内容。

使机器可以阅读和理解可能只有人类可理解的数据,一系列的标准化方法。

微格式允许网站上的内容轻易地与其他应用对接,从而提高信息的使用率。

hCalendar微格式基本规则:

属性和子属性通过class来描述。

特定的hCalendar属性是建立在iCalendar属性名称基础上的如:vevent

属性和子属性名字大小写敏感

"根"属性不能同其他属性组合。如<div class=vevent summary">是无效的。

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • WordPress添加百度喜欢按钮小技巧
  • Wordpress 博客如何实现自定义Gravatar头像
  • 网站设计分析:建立良好的视觉层级
  • 创建不平衡的平衡:在网页设计中使用不对称设计
  • 7大主流B2C首页导航栏设计对比分析
  • Wordpress页面模板制作方法及使用
  • 网站设计与开发:11个在新终端上的网页设计趋势
  • 修改去掉Zblog列表插件文章排行调用标题前面的时间
  • css控制文字前的小图标
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1
<dl class="vevent">
 <dt>我的个人日程:</dt>
 <dd><a href="
http://sports.163.com" class="summary"><span class="category">游泳</span></a></dd>
    <dt>活动时间:</dt>
    <dd><abbr class="dtstart" title="2009-05-19T18:00:00″>05-19</abbr>–<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="
Jalinhttp://www.ued163.com/">Jalin</a> <span class="title">前端开发</span> <span class="locality">广州</span> <span class="org">UED163</span> <a href="http://www.163.com/firefox/" title="firefox" rel="tag">firefox</a>
    <a href="
http://www.163.com/IE/" title="IE" rel="tag">IE</a>
    <a href="
http://www.163.com/safari/" title="safari" rel="tag">safari</a>
    <a href="
http://www.163.com/chrome/" title="chrome" rel="tag">chrome</a>
    <a href="
http://www.163.com/oprea/" title="oprea" rel="tag">oprea</a>
</div>
<div class="copyright"><a href="
http://www.ued163.com/" rel="license">版权:UED163</a></div>