码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 1.10 微格式

时间:2016-03-15 23:07:41      阅读:296      评论:0      收藏:0      [点我收藏+]

标签:

1.微格式

a.html5中的微格式。是一种利用html5中的新标签对网页添加附加信息的方法附加信息例如欣慰时间的发生日期和时间,文章发表的日期等

b.是为了简化浏览器对数据的提取,方便搜索引擎的搜索

 

2.time元素

a.pubbdate属性,加上他搜索引擎/浏览器可以很方便的识别出那个日期是文章、新闻的发表日期

b.<time datetime="2016-3-15" pubbdate="pubbdate">2016年3月15日</time>

c.<time datetime="2016-3-15T21:00">2016年3月15日晚上9点</time>

d.<time datetime="2016-3-15T21:00Z">2016年3月15日晚上9点</time>。T表示给机器编码时使用

   UTC标准时间,表示向机器编码另一时间,如果是编码本地时间,则不需添加时差

e.<time datetime="2016-3-15T21:00+09:00">美国时间2016年3月15日晚上9点</time>

 

3.hgroup元素

a.通常用来给标题分组,通常放在header中,但是并非强制性要求,也不是绝对的

 

4.address元素

a.通常用来说明作者的联系信息,例如名字,E-mail,电话,地址

b.address元素中的内容会以斜体显示

  

5.新布局的优点

a.更注重内容而不是形式

b.对人的友好,更加语义化,高度的描述性,更加直观,增加了代码的可读性

c.对计算机的友好,浏览器更容易解析

d.代码更加的简洁

<!DOCTYPE html>

<html lang="zh-cn">

<head>

        <meta charset="UTF-8">

        <title>hgroup</title>

        <style type="text/css">

        </style>

</head>

<body>

         <header>

                     <hgroup>

                                  <h1>我是主标题</h1>

                                  <h1>我是副标题</h1>

                     </hgroup>

         </header>

         <address>

                      作者:** 邮箱:123456@126.com

         </address>

</body>

</html>

HTML5 1.10 微格式

标签:

原文地址:http://www.cnblogs.com/piaopiaoppp/p/5281362.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!