博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5 1.10 微格式
阅读量:5240 次
发布时间:2019-06-14

本文共 984 字,大约阅读时间需要 3 分钟。

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>

转载于:https://www.cnblogs.com/piaopiaoppp/p/5281362.html

你可能感兴趣的文章
linux下tomcat服务的启动、关闭与错误跟踪
查看>>
noip2006 能量项链
查看>>
gradle 国内加速,修改镜像源
查看>>
文件的压缩解压与归档
查看>>
Linux入门第一天——基本概述与环境搭建
查看>>
防雪崩利器:熔断器 Hystrix 的原理与使用
查看>>
CentOS 7 开放3306端口访问
查看>>
hbase shell 常用命令
查看>>
面试总结【1】
查看>>
学习笔记——gauss消元法
查看>>
PyCharm设置
查看>>
MySQL服务器与MySQL57服务器区别与不同处在哪里,他们各自的领域范围,能不能同时启动服务?...
查看>>
type="button"和type="submit"的区别
查看>>
欢迎来的我的前端技术博客
查看>>
DB2同平台迁移数据库
查看>>
sql编程
查看>>
kubernetes实战(四):k8s持久化安装rabbitmq集群
查看>>
SQL优化SQL tuning
查看>>
微信小程序——获取openid
查看>>
数据导入导出、备份恢复
查看>>