常用文本层次语义元素及其应用

最新推荐文章于 2023-12-15 19:00:30 发布

Study_Java_x

最新推荐文章于 2023-12-15 19:00:30 发布

阅读量473

点赞数 1

分类专栏：常用文本层次语义元素文章标签： html html5

本文链接：https://blog.csdn.net/TNANDXYF/article/details/113404679

版权

常用文本层次语义元素专栏收录该内容

0 篇文章 0 订阅

订阅专栏

常用文本层次语义元素及其应用

常用文本层次语义元素及其应用)
例子
相关概念选择题及参考答案
- 选择题
- 参考答案

常用文本层次语义元素及其应用)

em和strong

em和strong都是HTML5中定义的带有加强语义的元素，页面呈现加粗显示效果。

em:把文本定义为强调的内容。显示时为斜体加粗。
strong:把文本定义为语气更强的强调的内容。

cite元素

cite元素创建一个引用标记，用来指明某内容的引用或参考源，如书籍或杂志或新闻报道等的标题，规范、报纸、法律文件，网络文章的URL等。如果引用的这些文档有联机版本，还应该把引用包括在一个 <a> 标签中，从而把一个超链接指向该联机版本。

元素创建一个引用标记，用来指明某内容的引用或参考源，如书籍或杂志或新闻报道等的标题，规范、报纸、法律文件，网络文章的URL等。cite元素引用的文本将以斜体显示。
示例如下：
---引自<cite>HTML5权威指南</cite>

time元素

time元素定义日期或时间,该元素能够在该元素的内容中未指定日期或时间时，让机器可读，比如用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。

time元素常用属性主要有datetime和pubdate。

datetime属性

datetime属性用于指定日期和时间，其取值格式为
YYYY-MM-DDThh:mm:ssTZ

YYYY：年
MM：月
DD：天
T：日期和时间的分隔符，设置时间的时候必须有。
hh：时
mm：分
ss：秒
Z：使用UTC标准时间

示例如下：

1.仅指定日期：
<time datetime="2019-12-20"></time>
2.仅指定时间：
<time datetime="17:30"></time>
3.指定了日期和时间：
<time datetime="2019-12-20T19:00"></time>
4.在时间后面加上“Z”表示给机器编码时使用UTC时间标准：
<time datatime="2019-12-20T19:00Z"></time>
5.添加不同地区的时差：
<time datetime="2019-12-20T16:00+05:00">中国时间2019年12月20日下午5点<time>

pubdate属性

在标签中添加pubdate属性，则表示一篇文章或一个文档页面的发布日期。
示例如下：
<time datetime="2020-10-20" pubdate></time>

mark

mark元素定义带有记号的文本，可以高亮显示文档中的文字以达到醒目的效果。

dfn

dfn元素用来定义术语，可以通过可选的 title属性来提供对术语的准确定义。例如：
<dfn title=文档对象模型>DOM</dfn>
默认情况下，浏览器会将 dfn元素的内容渲染为斜体。并且，当鼠标悬停到术语上时，浏览器就会将 title属性的内容显示在提示框里。

code

code元素用来定义计算机代码文本。包含在该元素内的文本将用等宽、类似电传打字机样式的字体（Courier）显示出来。

samp

samp元素定义计算机程序的样本文本。

kbd

kbd元素定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。浏览器通常用等宽字体来显示该标签中包含的文本。

var

var元素定义变量。这个标签经常与 <code> 和<pre>标签一起使用，用来显示计算机编程代码范例及类似方面的特定元素。用<var>标签标记的文本通常显示为斜体。

例子

源代码

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
</head>
<body>
<strong>重要通知：</strong><br/>
定于<mark>明日上午9:00整</mark>在<def title="行勉楼C座">213</def>教室<em>开会</em>	
</body>
</html>

效果图

源代码

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
</head>
<body>
<strong>今日分享：<time datetime="2020-10-25"></time></strong><br/>
<img src="https://www.educoder.net/api/attachments/1256151"/><br/>
<b>盛年不再来，一日难再晨，及时当自勉，岁月不带人。</b><br/>
<cite>出处：魏晋·陶渊明《杂诗》</cite>
</body>
</html>