文本层次语义元素

频道:六六互联 日期: 浏览:513

1. time元素

time元素用于定义时间或日期,可以代表24小时中的某一时间。time元素有两个属性

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

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

time元素,其基本格式应用代码如下:

 



 

<p>我们早上<time>9:00</time>开始上班</p>

 

<p>今年的<time  datetime="2019—10—01">十一</time>我们准备去旅游</p>

 

    <time  datetime="2019—04—01" pubdate="pubdate">

 

        本消息发布于2019年4月01日

 





2、mark元素

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



 

<h3>小苹果</h3>

 

<p>我种下一颗<mark>种子</mark>,终于长出了<mark>果实</mark>,今天是个伟大日子。摘下星星送给你,拽下月亮送给你,让太阳每天为你升起。变成蜡烛燃烧自己,只为照亮你,把我一切都献给你,只要你欢喜。你让我每个明天都  变得有意义,生命虽短爱你永远,不离不弃。你是我的小呀<mark>小苹果儿</mark> 怎么爱你都不嫌多。红红的小脸儿温暖我的心窝 点亮我生命的火 火火火火。你是我的小呀<mark>小苹果儿</mark> 就像天边最美的云朵。春天又来到了花开满山坡  种下希望就会收获。</p>

 





3.cite元素

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

 

<p>也许愈是美丽就愈是脆弱,就像盛夏的泡沫。</p>

 

<cite>——明晓溪《泡沫之夏》</cite></p>