html5中time元素详解

一、总结

一句话总结：

time的使用的话主要是将时间放在datetime属性里面：<time datetime="2015-10-22">文章发表于2015年10月22日</time>
time作用主要是为了方便浏览器对时间数据的提取

1、HTML5中的 time元素 微格式 是什么？

HTML5中的微格式，是一种利用HTML5中的新标签（比如time标签）对网页添加附加信息的方法，附加信息例如新闻事件发生的日期和时间，文章发表的日期等。

2、HTML5中的微格式的作用是什么？

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

3、html5中time微格式使用实例？

<time datetime="2015-10-22">文章发表于2015年10月22日</time>
用pubdate属性指明为文档的发布时间：<time datetime="2015-10-22" pubdate="pubdate">文章发表于2015年10月22日</time>

二、html5--2.7新的布局元素(4)-time

学习要点

  1. 了解微格式的概念
  2. 掌握time元素的用法
    1. 微格式的概念
      • HTML5中的微格式，是一种利用HTML5中的新标签对网页添加附加信息的方法，附加信息例如新闻事件发生的日期和时间，文章发表的日期等。
      • HTML5中的微格式是为了简化浏览器对数据的提取，方便搜索引擎的搜索.
    1. time元素
      • time是HTML5新增的元素
      • time元素代表24小时中的某个时刻或某个日期，表示时刻时允许带时差。它可以定义很多格式的日期和时间
      • datetime属性中日期与时间之间要用"T"文字分隔，"T"表示时间。请注意倒数第二行，时间加上Z文字表示给机器编码时使用UTC标准时间，表示向机器编码另一地区时间，如果是编码本地时间，则不需要添加时差。
      • pubdate属性是个可选标签，加上它搜索引擎/浏览器就可以很方便的识别出那个日期是文章、新闻的发表日期。
    1. time元素示例
      • &lttime datetime="2015-10-22"&gt2015年10月12日&lt/time&gt
      • &lttime datetime="2015-10-22T20:00"&gt2015年10月12日晚上8点&lt/time&gt
      • &lttime datetime="2015-10-22T20:00Z"&gt2015年10月12日晚上8点&lt/time&gt
      • &lttime datetime="2015-10-22T20:00+09:00"&gt美国时间2015年10月12日8点&lt/time&gt

实例

 <!doctype html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>无标题文档</title>

 </head>

     <time datetime="2015-10-22">文章发表于2015年10月22日</time>

     <br>

     <time datetime="2015-10-22" pubdate="pubdate">文章发表于2015年10月22日</time>

 <body>

 </body>

 </html>
 

最新文章

  1. 移动端IOS点击事件失效解决方案
  2. MySQL语句学习记录
  3. HTML5+ 拍照上传 和选择文件上传
  4. 【bzoj2152】 聪聪可可
  5. Linux内存寻址
  6. opencv显示鼠标所在位置的rgb值
  7. Wordpress prettyPhoto插件跨站脚本漏洞
  8. 利用URLRewriter重写url地址
  9. PAT 07-图6 旅游规划 (25分)
  10. Java笔记-快速失败and安全失败
  11. Xamarin devexpress Grid
  12. (step6.1.3)hdu 1875(畅通工程再续——最小生成树)
  13. Spring中IoC - 两种ApplicationContext加载Bean的配置
  14. HDOJ 2736 Surprising Strings
  15. A框架第一步,传递不同参数.主程序执行对应方法
  16. Oracle函数之chr
  17. 来聊一聊不low的Linux命令——find、grep、awk、sed
  18. centos7 安装Mysql8.0笔记
  19. fiddler 抓取 htts 失败
  20. 如何修改运行中的docker容器的端口映射和挂载目录

热门文章

  1. Apache Commons FileUpload实现文件上传
  2. Vue检测当前是否处于mock模式
  3. 学习python的日常4
  4. k8s 笔记
  5. Django admin 页面中文名称加s，去除s的设置
  6. 使用Cloudera Manager搭建MapReduce集群及MapReduce HA
  7. Centos 7.6 双网卡绑定实现高可用
  8. RQM — 需求驱动的测试管理工具
  9. MQ的常见应用场景
  10. python_面向对象——动态创建类和isinstance和issubclass方法