特殊符号和文本层次语义元素标签
常用的特殊符号及对应的字符实体
特殊符号是指在文本中使用的具有特殊含义或表示特定符号的字符。常见的特殊符号包括版权符号、注册商标符号等
1.空格——
代码如下 :
<!--疑似地上霜前加上两个空格-->
床前明月光 疑似地上霜
运行结果:
2.大于(>)——>
小于(<)——<
代码如下 :
3>2<br>
2<3
运行结果:
3.引号( '' )——"
代码如下 :
使用成对的"括起来"
运行结果:
4.版权号(©)——©
代码如下 :
版权号©
运行结果:
文本层次语义元素标签
文本层次语义元素标签是指用于HTML标记语言中的特殊标签,用于表示文本的结构和语义层次。这些标签提供了一种方式,使浏览器和搜索引擎能够更好地理解文本的含义和结构,从而增强了可访问性和搜索引擎优化
<time>标签
<time>
标签是HTML5中的一个文本层次语义元素标签,用于表示日期和时间的信息。它可以用来标记日期、时间、日期时间、时间戳等各种形式的时间值,并提供机器可读和人类可读的表示方式。
<time>
标签有两个重要的属性:
datetime
:用于指定一个机器可读的时间值,datetime属性中的日期与时间需要用 T 来分隔,格式通常是ISO 8601的日期和时间表示(例如:2022-05-20T10:30:00)。pubdate
:用于指定一个文章或博客的发布日期,用于搜索引擎和其他工具的索引和排序。
代码如下 :
<p>我每天早上<time>8:00</time>上学</p>
<p>会议将于<time datetime="2024-09-09T8:30">9月9日8点30分</time>召开</p>
<time datetime="2024-09-08" pubdat="pubdat">
本消息发布于2024年9月8日
</time>
运行结果:
注:<time>标签在浏览器中不会呈现任何特殊效果,页面表达日期时间可以直接用数字书写,<time>标签的作用是为搜索引擎和其他引擎提供特殊的解析和展示,它主要用于机器识别,可以提高开发解析效率
<cite>标签
<cite>标签用于引用外部资源的标题或作者信息,通常用在引用的文献、书籍、网页等资源的标题或作者信息上。该标签通常用于文本中的引用部分,以突出被引用信息的重要性。使用<cite>标签可以增强引用部分的可读性,并帮助读者更好地理解引用信息的来源和来源作者
代码如下 :
<p>这是最好的时代 也是最坏的时代。</p>
<cite>————狄更斯《双城记》</cite>
运行结果:
<mark>标签
<mark>标签是一个HTML标记,用于将文本中的一部分突出显示。当一个文本被包围在<mark>标签中时,这部分文本将被高亮显示,通常以黄色背景和黑色字体显示。这可以用于突出显示关键词、重要段落或需要注意的内容
代码如下 :
在这本书中,作者提到了一个重要观点:<mark>这是一个引用的标题</mark></p>
运行结果:
预格式化标签<pre>
预格式化标签 <pre> 用于在 HTML 中定义预格式化的文本块,这意味着文本中的空格、换行符和其他空白字符会被保留。预格式化的文本不会被浏览器自动换行或忽略空格
代码如下 :
<pre>
这是
预格式文本。
它保留了 空格
和换行。
</pre>
运行结果:
缩排标签<blockquote>
缩排标签 <blockquote>
用于在 HTML 中定义一个独立的块引用。该标签通常用于引用他人的言论或其他文本,并具有缩进的效果。
代码如下 :
<blockquote>
This is a blockquote.It is used to indicate a quoted section of text.
</blockquote>
运行结果:
在上述示例中,<blockquote>
标签将包裹一段引用的文本,使其以缩进的形式显示在网页上,也就是增加了外边距