`

html 5中的time标签小结

 
阅读更多
   本文对html 5中的<time>标签进行小结:

1) time标签必须闭合,过往的HTML 5建议标准中,要求
<time>2009-02-01</time>
   必须是准确的日期
  后来妥协了,可以是只精确到月的,比如
   <time>2014-01</time>

2) 使用datetime属性,如
The next meeting is scheduled for <time datetime="2014-10">next month</time>.

  
3)合法的日期,时间等
   <time>06-29</time>
  <time datetime="16:10">afternoon</time>
<time>18:20:30</time>
<time datetime="2014-09-16T18:20:30">Tuesday at 18:20</time>
  还有带时区的:
  <time>+01:00</time>
<time>2014-09-16T18:20:30+01:00</time>
<time>2014-W18</time>  表示2014年第18个星期

4) <time datetime="P4D">four days</time>
      P表示时间段,D这里是天,表示4天时间段,还可以
  <time datetime="P4DT4H3M">four days</time>
  表示4天,4个小时,3分钟
5) 目前HTML 5建议标准中的限制,是不能有时间段,如要表示时间范围,必须要用两个<time>

6) 浏览器支持
Chrome 33+
Firefox 22+
Internet Explorer 9+
Opera 22+
Safari 7+
1
0
分享到:
评论

相关推荐

    HTML5学习心得总结(推荐)

    在HTML5中,开发者可以通过全局属性来增强内容的表现和功能性,例如,accesskey属性可以设定访问元素的快捷键,contenteditable属性可以使元素内容可编辑。 了解了HTML5的这些知识点后,开发者就可以利用HTML5制作...

    从入门到精通HTML5——PDF——网盘链接

     第15章 HTML 5中的文件与拖放 280  视频讲解:40分钟  15.1 选择文件 281  15.1.1 通过file对象选择文件 281  15.1.2 使用blob接口获取文件的类型与大小 282  15.1.3 通过类型过滤选择的文件 283  15.2 ...

    phpcms2008常用函数小结

    - `{$head[title]}`:用于获取当前页面的标题,常用于`&lt;title&gt;`标签中。 - `{$PHPCMS[sitename]}`:返回网站的名称,常用于页面标题和页脚。 - `{$head[keywords]}`:获取网页的关键字,用于`...

    python 3利用BeautifulSoup抓取div标签的方法示例

    #### 五、小结 通过以上示例,我们可以看到,使用Python结合BeautifulSoup进行网页数据抓取是非常便捷的。只需要简单的几行代码,就可以实现对网页中特定元素的抓取和分析。这对于从事数据挖掘、市场分析等工作的人...

    AngularJs定制样式插入到ueditor中的问题小结

    在使用AngularJS进行二次开发时,可能会遇到一些特定挑战,主要包括编辑器对HTML标签的处理以及如何在编辑器中插入自定义样式。 1. **ueditor自动将div转换为p标签**: 在使用ueditor时,可能会发现原本的div标签...

    初识Javascript小结

    JavaScript是一种广泛用于...这只是JavaScript基础知识的一个小结,实际中JavaScript还有更多的特性和应用,包括对象、类、模块、事件处理、AJAX、Promise、异步编程等复杂概念。不断学习和实践是掌握这门语言的关键。

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    2.4 本章小结 15 第三章 跨域交互缓存处理设计 17 3.1 跨域交互缓存处理需求 17 3.1.1 缓存技术WebStorage 17 3.1.2 跨域交互缓存处理需求 17 3.1.3 页面回退管理需求 17 3.2 缓存处理机制 18 3.2.1 跨域缓存处理 18...

    性能测试进阶指南——LoadRunner11实战_(完整)扫描版_@vs.part5

    1.4 小结 工具篇 第2章 LoadRunner综述 2.1 LoadRunner简介 2.2 LoadRunner工具组成 2.3 性能测试原理 2.4 自动化测试工具和性能测试工具的区别 2.5 协议分析 2.5.1 HTTP详细介绍 2.5.2 HTTP报文结构 ...

    网络程序设计试验指导书(参考) - 副本.doc

    实验小结强调了通过实验可以熟悉ASP的运行环境,包括安装和配置ASP环境。此外,复习HTML的相关知识也很重要,因为HTML是构建网页的基础,它定义了页面结构。如文档中所示,HTML可以包含元素如`&lt;head&gt;`、`&lt;title&gt;`、`...

    性能测试进阶指南——LoadRunner11实战 part1

    1.4 小结 工具篇 第2章 LoadRunner综述 2.1 LoadRunner简介 2.2 LoadRunner工具组成 2.3 性能测试原理 2.4 自动化测试工具和性能测试工具的区别 2.5 协议分析 2.5.1 HTTP详细介绍 2.5.2 HTTP报文结构 2.5.3 HTTP...

    性能测试进阶指南——LoadRunner11实战 part2

    1.4 小结 工具篇 第2章 LoadRunner综述 2.1 LoadRunner简介 2.2 LoadRunner工具组成 2.3 性能测试原理 2.4 自动化测试工具和性能测试工具的区别 2.5 协议分析 2.5.1 HTTP详细介绍 2.5.2 HTTP报文结构 2.5.3 HTTP...

    性能测试进阶指南——LoadRunner11实战 part3

    1.4 小结 工具篇 第2章 LoadRunner综述 2.1 LoadRunner简介 2.2 LoadRunner工具组成 2.3 性能测试原理 2.4 自动化测试工具和性能测试工具的区别 2.5 协议分析 2.5.1 HTTP详细介绍 2.5.2 HTTP报文结构 2.5.3 HTTP...

    QTP常用脚本总结

    - DOM方法:`XX.Object.getElementById`,`XX.Object.getElementsByName`,`XX.Object.getElementsByTagName` 和 `XX.Object.getElementsByType` 用于通过ID、名称、标签或类型查找HTML元素。 3. **变量管理**: ...

    性能测试进阶指南——LoadRunner11实战_(完整)扫描版_@vs.part1

    1.4 小结 工具篇 第2章 LoadRunner综述 2.1 LoadRunner简介 2.2 LoadRunner工具组成 2.3 性能测试原理 2.4 自动化测试工具和性能测试工具的区别 2.5 协议分析 2.5.1 HTTP详细介绍 2.5.2 HTTP报文结构 ...

    性能测试进阶指南——LoadRunner11实战_(完整)扫描版_@vs.part2

    1.4 小结 工具篇 第2章 LoadRunner综述 2.1 LoadRunner简介 2.2 LoadRunner工具组成 2.3 性能测试原理 2.4 自动化测试工具和性能测试工具的区别 2.5 协议分析 2.5.1 HTTP详细介绍 2.5.2 HTTP报文结构 ...

    性能测试进阶指南——LoadRunner11实战_(完整)扫描版_@vs.part4

    1.4 小结 工具篇 第2章 LoadRunner综述 2.1 LoadRunner简介 2.2 LoadRunner工具组成 2.3 性能测试原理 2.4 自动化测试工具和性能测试工具的区别 2.5 协议分析 2.5.1 HTTP详细介绍 2.5.2 HTTP报文结构 ...

    性能测试进阶指南——LoadRunner11实战_(完整)扫描版_@vs.part6

    1.4 小结 工具篇 第2章 LoadRunner综述 2.1 LoadRunner简介 2.2 LoadRunner工具组成 2.3 性能测试原理 2.4 自动化测试工具和性能测试工具的区别 2.5 协议分析 2.5.1 HTTP详细介绍 2.5.2 HTTP报文结构 ...

    性能测试进阶指南——LoadRunner11实战_(完整)扫描版_@vs.part3

    1.4 小结 工具篇 第2章 LoadRunner综述 2.1 LoadRunner简介 2.2 LoadRunner工具组成 2.3 性能测试原理 2.4 自动化测试工具和性能测试工具的区别 2.5 协议分析 2.5.1 HTTP详细介绍 2.5.2 HTTP报文结构 ...

    jQuery plugin animsition使用小结

    2. 考虑到性能和兼容性问题,应该在文档的`&lt;head&gt;`标签中先加载CSS文件,再加载jQuery和animsition的JavaScript文件。 3. 在实际部署时,应当根据不同的浏览器环境进行兼容性测试,确保动画效果能够在目标浏览器中...

Global site tag (gtag.js) - Google Analytics