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>
声明:1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!