HTML5 1.10 微格式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5 1.10 微格式相关的知识,希望对你有一定的参考价值。

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>

                      作者:** 邮箱:[email protected]

         </address>

</body>

</html>

以上是关于HTML5 1.10 微格式的主要内容,如果未能解决你的问题,请参考以下文章

数据表 1.10 - TD 中的 HTML5“数据顺序”属性无效

HTML5特性

HTML5扩展之微数据与丰富网页摘要——张鑫旭

怎么让html5页面中的链接启动微信打开

HTML5的新特性

1.10-linux三剑客之sed命令详解及用法