HTML5文档中的文本层次语义元素(time、mark、cite)

鳄鱼君Ba

发表文章数:518

热门标签

,

Vieu四代商业主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买
首页 » HTML5教程 » HTML5文档中的文本层次语义元素(time、mark、cite)

HTML5中的time元素

time元素用于定义时间或日期,可以代表24小时中的某一时间。time元素不会在浏览器中呈现任何特殊效果,但是钙元素以机器可读的方式对日期和时间进行编码。time元素常用属性值有两个:

  • dateime,用于定义相应的时间或日期。
  • pubdate,用于定义time元素中的日期/时间是文档(或article元素)的发布日期。
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>time元素的使用</title>
</head>
<body>
<p>每天<time>8:00</time>上班</p>	
<p>每年的<time datetime="10-1">十一</time>去旅游</p>
<time datetime="2020-4-7" pubdate="true">
	消息发布于2020年4月7日
</time>
</body>
</html>

HTML5中的mark元素

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

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>mark元素的使用</title>
</head>
<body>
<span>鳄鱼教程</span>
<p>鳄鱼教程是一个专注于<mark>教程分享</mark>的平台,希望大家多多支持!</p>
</body>
</html>

HTML5中的cite元素

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

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>cite元素的使用</title>
</head>
<body>
<strong>鳄鱼教程</strong><br>
<cite>——由鳄鱼君维护的网站</cite>
</body>
</html>

未经允许不得转载:作者:鳄鱼君Ba, 转载或复制请以 超链接形式 并注明出处 鳄鱼君Ba
原文地址:《HTML5文档中的文本层次语义元素(time、mark、cite)》 发布于2020-04-07

分享到:
赞(1) 赏杯咖啡

评论 抢沙发

2 + 8 =


文章对你有帮助可赏作者一杯咖啡

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.6主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册