`

HTML 5中的time标签

 
阅读更多
传统的html中,对时间的标签是没有语义的,比如:
<div class="entry">
  <p class="post-date">October 22, 2009</p>
  <h2>Travel day</h2>
</div>


  而在html 5中,可以使用标签了<time>;
<time datetime="2009-10-22" pubdate>October 22, 2009</time>


<time>标签有三个部分:

机器可读的时间戳;
人类可读的内容;
可选的 pubdate 标记。
在这个例子中,datetime 属性仅仅指定日期,没有时间。它的格式是四位的年,两位的月份和两位的日期,使用短线分隔。如果你要加入时间,那么就在日期后面增加一个大写的 T,然后写上 24 小时制的时间,最后是时区:


<time datetime="2009-10-22T13:59:47-04:00" pubdate>
  October 22, 2009 1:59pm EDT
</time>


文本内容可以是你需要的任何信息,只要你在datetime属性里面提供了机读时间戳。所以,下面的代码在 HTML5 中也是合法的:
 
<time datetime="2009-10-22">last Thursday</time>
另外,空的文本内容也是可以的:
  <time datetime="2009-10-22"></time>

最后是关于pubdate。这个属性是一个 Boolean 值,所以你可以这么用:
<time datetime="2009-10-22" pubdate>October 22, 2009</time>

如果你不喜欢这种没有值的属性,也可以这么写:
<time datetime="2009-10-22" pubdate="pubdate">October 22, 2009</time>
这个属性什么意思?它的含义有两个。如果<time>在<article>标签内,意味着这个时间戳是这篇文章的发表日期;如果<time>不在<article>内,意味着这个时间戳是整篇文档的发表日期。
分享到:
评论

相关推荐

    vue自定义time标签

    在Vue.js框架中,自定义`time`标签通常是为了实现更灵活、可定制的时间显示功能。Vue提供了数据绑定和计算属性等机制,使得我们可以轻松处理时间格式化和动态更新。以下将详细介绍如何在Vue中实现“刚刚”、“几分钟...

    Html5video标签访问网络摄像机实时监控.pdf

    1、Html5视频标签:Html5中引入了视频标签,可以直接播放视频,不需要安装插件。但是,Html5视频标签不支持rtsp协议,因此需要通过vlc转码将rtsp协议转换为http流。 2、VLC转码:vlc是一个功能强大的媒体播放器,...

    HTML5的常用标签

    以下是一些HTML5中常用的标签及其详细解释: 1. `&lt;header&gt;`与`&lt;footer&gt;`:这两个标签用于定义页面的头部和底部区域,通常包含logo、导航菜单、版权信息等。 2. `&lt;nav&gt;`:定义页面的主要导航部分,帮助用户在网站中...

    html5标签整理

    在HTML5中,新增了一些标签以适应现代网页的需求,这些标签包括: - `&lt;article&gt;`:用于表示文档、页面或应用中的独立内容块。 - `&lt;aside&gt;`:用于表示与页面主要内容相关的辅助信息。 - `&lt;audio&gt;`:用于嵌入音频文件...

    HTML5标签速查表.pdf

    ### HTML5标签速查表详解 #### 一、基础标签 **1.1 文档类型声明** **标签**: `&lt;!DOCTYPE&gt;` **描述**: 定义文档类型为HTML5,通常位于文档的第一行。 **1.2 HTML文档定义** **标签**: `&lt;html&gt;` **描述**: ...

    html5api最新html标签

    在HTML5中,许多旧的标签被废弃,同时引入了一系列新的标签,以更好地帮助开发者结构化和语义化网页内容。 一、新引入的HTML标签 1. `&lt;article&gt;`:定义独立的内容,如博客文章、新闻报道或评论,可以独立于文档的...

    HTML5新标签

    HTML5 中引入了许多新的标签,以取代旧的标签,并提供了更好的语义和结构。这些新标签可以让开发者更方便地组织网页结构,提高网页的可读性和可维护性。 1. 文章标签:`&lt;article&gt;` 标签定义了一篇文章,可以包含...

    HTML5标签文档

    HTML5是超文本标记语言最新版本,它引入了...需要注意的是,一些标签可能是HTML5新增的,而其他标签可能在HTML5标准中得到了扩充或修改。开发者在设计网页时,应参考最新的官方文档和指南,以确保符合最新的Web标准。

    html5常用标签.txt

    以上是HTML5中常用的标签及其基本用途介绍。这些标签不仅能够帮助开发者构建出功能丰富且美观的网页,还能提高网站的可访问性和搜索引擎优化效果。熟练掌握这些标签的使用方法对于前端开发人员来说是非常重要的。

    HTML 5 参考手册

    2. 语义化标签:HTML5不再强调具体的布局标签,而是注重语义,如替代,代表独立的内容,用于侧边栏信息。 3. 表单控件:HTML5增加了新的表单输入类型,如color、date、time、email、url等,提高了用户界面的友好度...

    HTML5 Real-Time Chat with Websockets, jQuery

    在本项目"HTML5 Real-Time Chat with WebSockets, jQuery"中,我们探索了利用HTML5、WebSocket技术和jQuery实现这样的功能。WebSocket协议是HTML5的一个关键特性,它提供了全双工、低延迟的通信渠道,而jQuery则简化...

    HTML 5 从入门到精通 带标签 附带源码 高清PDF扫描版

    表单控件在HTML5中也得到了改进,新增了`&lt;input&gt;`类型的`date`、`time`、`email`、`url`等,使用户输入更规范,同时提高了客户端的数据验证能力。`&lt;output&gt;`标签则用于显示计算结果或脚本生成的内容。 在文件操作...

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

    HTML5的`&lt;time&gt;`元素是现代Web开发中用于时间展示和处理的重要组成部分,它旨在提高网站的时间数据可机器读性,从而有利于搜索引擎优化(SEO)和无障碍访问(Web Accessibility)。这款基于`&lt;time&gt;`元素的jQuery倒...

    HTML5基本标签整理与部分源码事例

    以下是对HTML5中新增的主要标签及其实现事例和源码的详细解读。 1. HTML5新增主体元素结构: - article元素:用于定义页面中独立的、自成一体的内容区域。article元素内的内容应该与页面其他内容相对独立。 - ...

    Html5新增标签有哪些

    1. 标签:这是HTML5中新增的一个用于嵌入音频内容的媒体播放标签。它允许直接在网页中嵌入音频文件,而无需任何插件支持。主要属性包括: - src:音频文件的路径; - controls:向用户显示播放控件; - autoplay...

Global site tag (gtag.js) - Google Analytics