`
zhangyaochun
  • 浏览: 2596762 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

html5之<time>标签

阅读更多

 

HTML 5 <time> 标签

 

     -------------定义公历的时间(24小时制)或日期,时间和时区偏移是可选的。

 

      该元素能够以机器可读的方式对日期和时间进行编码。举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。

 

 

 

<p>我们每天早上<time>10:30</time>开始上班</p>
<p>我的<time datetime="1987-08-06">生日</time></p>

 

注释:

 

    update by me 20130814

 

    目前IE9+  |  FF21+  |  Chrome 27+ |  Safari 5.1+ 都支持

 

    http://caniuse.com/#search=time

 

 

属性 值 描述
datetime datetime 规定日期 / 时间。否则,由元素的内容给定日期 / 时间。
pubdate pubdate 指示 <time> 元素中的日期 / 时间是文档(或 <article> 元素)的发布日期

 

 

分享到:
评论

相关推荐

    Web前端基础:HTML5语义化标签.pptx

    8. **&lt;time&gt;** 标签:用于表示日期和时间,可以是公历日期、时间或两者结合,有助于机器理解并处理这些信息。例如: ```html &lt;time datetime="2022-01-01"&gt;2022年新年快乐!&lt;/time&gt; ``` 这些语义化标签的应用极...

    HTML5新标签

    25. 时间标签:`&lt;time&gt;` 标签定义一个日期/时间,可以用于显示日期和时间。 26. 视频标签:`&lt;video&gt;` 标签定义一个视频,可以播放视频文件。 这些新标签可以让开发者更方便地组织网页结构,提高网页的可读性和可...

    web.xml文件中各个标签的介绍

    例如:&lt;error-page&gt;&lt;error-code&gt;404(错误类型)&lt;/error-code&gt;&lt;location&gt;/error.html(错误信息输出页面)&lt;/location&gt;&lt;/error-page&gt; 12. 标签库(Taglib) taglib 元素用于指定标签库的 URI,用于在 JSP 页面中使用...

    html5标签整理

    - `&lt;time&gt;`:用于表示时间或日期。 - `&lt;video&gt;`:用于嵌入视频文件。 #### 三、按功能类别排列 **1. 基础** - `&lt;html&gt;`:文档根元素。 - `&lt;head&gt;`:包含文档元数据。 - `&lt;body&gt;`:包含文档主体内容。 - `&lt;title&gt;`...

    HTML5常用命令-零基础

    HTML5还包括一些专门用于内容标注的标签:&lt;time&gt;标签用于添加时间信息,而&lt;progress&gt;标签则用于展示任务的进度,比如进度条。 对于引用和参考文献的标注,使用&lt;cite&gt;和&lt;mark&gt;标签。其中,&lt;cite&gt;用于引用,如书籍或...

    (完整)HTML5常用标签大全.doc

    * `&lt;time&gt;`:定义日期/时间 * `&lt;tt&gt;`:定义打字机文本 * `&lt;u&gt;`:不赞成使用,定义下划线文本 * `&lt;var&gt;`:定义文本的变量部分 * `&lt;wbr&gt;`:定义视频 表单标签 * `&lt;form&gt;`:定义供用户输入的HTML表单 * `&lt;input&gt;`:...

    HTML5标签文档

    - `&lt;time&gt;`:表示日期和时间,机器可读的等价形式通过`datetime`属性指定。 ### 分隔和列表标签 - `&lt;p&gt;`:定义一个段落。 - `&lt;hr&gt;`:表示段落之间的分隔线。 - `&lt;pre&gt;`:表示预排版的文本。 - `&lt;ol&gt;`:定义有序...

    基于HTML5 time元素的倒计时jquery插件.zip

    在本压缩包"基于HTML5 time元素的倒计时jquery插件.zip"中,我们可以找到一个利用HTML5 `&lt;time&gt;`元素实现倒计时功能的jQuery插件。jQuery是一个广泛使用的JavaScript库,它简化了JavaScript的DOM操作、事件处理、...

    HTML5标签速查表.pdf

    **标签**: `&lt;time&gt;` **描述**: 定义时间或日期。 **2.27 打字机文本标签** **标签**: `&lt;tt&gt;` (已废弃) **描述**: 定义打字机风格的文本,已废弃。 **2.28 下划线文本标签** **标签**: `&lt;u&gt;` (已废弃) **描述*...

    Html5中文手册(程序员必备手册)

    Html 5 标签(按照英文字母a~z顺序排列): 1、&lt;!--...--&gt; 定义注释。 2、&lt;!DOCTYPE&gt; 定义文档类型。 3、&lt;a&gt; 定义超链接。 4、&lt;abbr&gt; 定义缩写。 5、&lt;address&gt; 定义地址元素。 6、&lt;area&gt; 定义图像映射中的区域。 7...

    html5常用标签.txt

    11. **`&lt;time&gt;`**: 时间标签,用于标注时间或日期。 #### 十、强调与语义标签 1. **`&lt;em&gt;`**: 强调标签,用于表示文本强调。 2. **`&lt;strong&gt;`**: 强调标签,用于表示文本的重要性。 3. **`&lt;dfn&gt;`**: 定义标签...

    HTML 5 标签参考

    &lt;p&gt;发布日期: &lt;time datetime="2011-01-12"&gt;Jan 12, 2011&lt;/time&gt;&lt;/p&gt; &lt;/header&gt; &lt;section&gt; &lt;p&gt;Article content...&lt;/p&gt; &lt;/section&gt; &lt;/article&gt; ``` ##### 10. `&lt;aside&gt;` - **用途**:定义页面主体内容之外的...

    HTML5教程二

    &lt;p&gt;活动将于 &lt;time datetime="2023-05-20T14:00"&gt;2023年5月20日下午2点&lt;/time&gt; 开始。&lt;/p&gt; ``` ##### 6. `&lt;footer&gt;` 标签 - **作用**:`&lt;footer&gt;` 标签定义了页面或区段的底部。它可以包含版权信息、联系方式等...

    HTML5学习笔记.pdf

    * &lt;track&gt; 元素:为诸如 &lt;video&gt; 和 &lt;audio&gt; 元素之类的媒介规定外部文本轨道 * &lt;datalist&gt; 元素:定义选项列表 * &lt;keygen&gt; 元素:规定用于表单的密钥对生成器字段 * &lt;output&gt; 元素:定义不同类型的输出,比如脚本的...

    HTML5入门与新增标签学习总结.docx

    HTML5 中删除了一些过时的标签,例如`&lt;frame&gt;`和`&lt;frameset&gt;`,这些标签在网页布局中不再使用,因为它们不利于现代网页的响应式设计和语义化。同时,引入了一些新的标签,以更好地表达文档结构和内容。 1. `...

Global site tag (gtag.js) - Google Analytics