网站的微格式
发布时间:2021-12-30 10:53:19 所属栏目:经验 来源:互联网
导读:最近对微格式进行了一些学习,在学习过程中收获不少。在此分享下,欢迎交流! 微型格式的优点: 语义化的html和css类名称来标记共同内容。 使机器可以阅读和理解可能只有人类可理解的数据,一系列的标准化方法。 微格式允许网站上的内容轻易地与其他应用对接
最近对微格式进行了一些学习,在学习过程中收获不少。在此分享下,欢迎交流! 微型格式的优点: 语义化的html和css类名称来标记共同内容。 使机器可以阅读和理解可能只有人类可理解的数据,一系列的标准化方法。 微格式允许网站上的内容轻易地与其他应用对接,从而提高信息的使用率。 hcalendar微格式基本规则: 属性和子属性通过class来描述。 特定的hcalendar属性是建立在icalendar属性名称基础上的如:vevent 属性和子属性名字大小写敏感 "根"属性不能同其他属性组合。如<div class=vevent summary">是无效的。 <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="mailto:jalin668@126.com" class="email">jalin668@126.com</a></dd> </dl> <div class="mytag"> <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> 以上demo比较基础而且简单易懂,试着应用下吧。 事件属性说明: summary 事件的概要信息 category 事件的类型 url 事件的链接 dtstart 事件的开始时间/日期,即触发事件 duration 事件的持续时间 duration 日期/时间信息定义: p2y = 持续2年 p10d = 持续10天 p3h = 持续3个小时 p2w = 持续2周 p8dt8h8m = 持续12天8小时8分钟 vcard 联系人说明: fn 表姓名属性值 email 表邮件属性值 reg 属性说明 我的标签:reg="tag" 版权使用权rel属性说明:rel="license" 以上代码产生效果显示: 检测微格式插件(现只有firefox与safari): firefox:operator,tails export safari:safari microformats (编辑:三明站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |