首页技术文章正文

time元素的属性和用法

更新时间:2023年03月06日 11时29分34秒 来源:黑马程序员

1577370495235_学IT就到黑马程序员.gif

为了使HTML页面中的文本内容更加形象生动,需要使用一些特殊的元素来突出文本之间的层次关系,这样的元素被称为层次语义元素。文本层次语义元素主要包括time元素、mark元素和cite元素。下面我们来介绍time元素。

time标签的作用

time元素用于定义时间或日期,可以代表24小时中的某一时间。time元素不会在浏览器中呈现任何特殊效果,但是该元素能以机器可读的方式对日期和时间进行编码,这样,用户能够将生日提醒或其他事件添加到日程表中,搜索引擎也能够生成更智能的搜索结果。

time元素有两个属性

● datetime:用于定义相应的时间或日期。取值为具体时间(如14:00)或具体日期(如2015—09—01),不定义该属性时,由元素的内容给定日期/时间。

● pubdate:用于定义time元素中的日期/时间是文档(或 article元素)的发布日期。取值一般为“pubdate”。

下面通过一个案例来展示time标签的用法

<!Doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>time元素的使用</title>
</head>
<body>
    <p>我们早上<time>9:00</time>开始上班</p>
    <p>今年的<time datetime="2015—10—01">十一</time>我们准备去旅游</p>
    <time datetime="2015—08—15" pubdate="pubdate">本消息发布于 2015年 8月 15日</time>
</body>
</html>

time元素



猜你喜欢:

Html5 aside标签的用法和作用

HTML5结构标签header的用法

nav标签怎么用?nav标签的有什么作用?

图像标签基本特点和相关属性

黑马程序员HTML&JS+前端开发课程

分享到:
在线咨询 我要报名
和我们在线交谈!