文本层次语义元素

1.time元素

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

time元素有两个属性。

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

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

<!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>

运行结果如下:


2.mark元素

mark元素的主要功能是在文本中高亮显示某些字符,以引起用户注意。该元素的用法与em和strong有相似之处,但是使用mark元素在突出显示样式时更随意灵活。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>mark元素的使用</title>
</head>

<body>
<h3>小苹果</h3>
<p>

我种下一颗<mark>种子</mark>

终于长出了<mark>果实</mark>

今天是个伟大日子

摘下星星送给你

拽下月亮送给你

让太阳每天为你升起

变成蜡烛燃烧自己

只为照亮你

把我一切都献给你

只要你欢喜

你让我每个明天都

变得有意义

生命虽短爱你永远

不离不弃

你是我的小呀<mark>小苹果儿</mark>

怎么爱你都不嫌多

红红的小脸儿温暖我的心窝

点亮我生命的火 火火火火火

你是我的小呀<mark>小苹果儿</mark>

就像天边最美的云朵

春天又来到了花开满山坡

种下希望就会收获

从不觉得你讨厌

你的一切都喜欢

有你的每天都新鲜

有你阳光更灿烂

有你黑夜不黑暗

你是白云我是蓝天

春天和你漫步在盛开的花丛间

夏天夜晚陪你一起看星星眨眼

秋天黄昏与你徜徉在金色麦田

冬天雪花飞舞有你更加温暖

你是我的小呀小苹果儿

怎么爱你都不嫌多

红红的小脸儿温暖我的心窝

点亮我生命的火 火火火火火

你是我的小呀小苹果儿

就像天边最美的云朵

春天又来到了花开满山坡

种下希望就会收获

你是我的小呀小苹果儿

怎么爱你都不嫌多

红红的小脸儿温暖我的心窝

点亮我生命的火 火火火火火

你是我的小呀小苹果儿

就像天边最美的云朵

春天又来到了花开满山坡

种下希望就会收获
</p>
</body>
</html>

3.cite元素

cite元素可以创建一个引用标记,用于对文档参考文献的引用说明,一旦在文档中使用了该标记,被标记的文档内容将以斜体的样式展示在页面中,以区别于段落中的其他字符。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>cite元素的使用</title>
</head>

<body>
<p>也许愈是美丽就愈是脆弱,就像盛夏的泡沫。</p>
<cite>————明晓溪《泡沫之夏》</cite>
</body>
</html>


猜你喜欢

转载自blog.csdn.net/qq_40660787/article/details/79793635