HTML基础标签(上一篇补充)

特殊符号和文本层次语义元素标签

 常用的特殊符号及对应的字符实体

 特殊符号是指在文本中使用的具有特殊含义或表示特定符号的字符。常见的特殊符号包括版权符号、注册商标符号等

1.空格—— 

代码如下 :

    <!--疑似地上霜前加上两个空格-->
    床前明月光&nbsp;&nbsp;疑似地上霜

 运行结果:

 


 2.大于(>)——&gt;
小于(<)——&lt;

 代码如下 :

    3&gt;2<br>
    2&lt;3

  运行结果:

 


 3.引号( '' )——&quot;

  代码如下 :

使用成对的&quot;括起来&quot;

   运行结果:

 


4.版权号(©)——&copy; 

   代码如下 :

版权号&copy;

    运行结果:

 



文本层次语义元素标签

文本层次语义元素标签是指用于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> 标签将包裹一段引用的文本,使其以缩进的形式显示在网页上,也就是增加了外边距

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值