Mars-HTML5(三)常用文本标签

最新推荐文章于 2024-03-30 11:13:51 发布

阳光西西

最新推荐文章于 2024-03-30 11:13:51 发布

阅读量4.5k

点赞数

分类专栏： Mars-HTML 文章标签：搜索引擎标签阅读字体

本文链接：https://blog.csdn.net/u013225534/article/details/51570427

版权

Mars-HTML 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

标签的作用
文本标签的目标就是对文本的内容进行装饰，例如加粗字体，为文字加上下划线等等
机器阅读
视觉标签的加粗就仅仅是加粗，对于机器阅读而言，这样的加粗没有意义。如果是语义标签当中的加粗标签，不但会加粗文本，同时还会起到强调的作用，在机器阅读时，这样的文本就会有更高的分数，会被搜索引擎认为是更加重要的内容

<html>
    <head>
        <title>text</title>
        <meta charset="utf-8"/>
    </head>
    <body>
        <!--h系列的标签标识文章当中的各种标题，不但加粗加大文本，同时强调内容-->
        <h1>Hello world!</h1>
        <h2>Hello world!</h2>
        <h3>Hello world!</h3>
        <h4>Hello world!</h4>
        <h5>Hello world!</h5>
        <h6>Hello world!</h6>
        <!--视觉标签-->
        <b>使用粗体显示内容</b><br/>
        <!--语义标签，盲人，读出内容-->
        <strong>使用粗体显示内容文本，同时强调该内容</strong><br/>
        <i>使用斜体显示文本内容</i><br/>
        <em>使用斜体显示文本内容同时强调</em><br/>
        <del>在文本上显示中划线，表示文本被删除</del><br/>
        <q>表示引用</q><br/>
        <small>使用小一号字体</small><br/>
        log<sub>n</sub>10<br/>
        x<sup>10<br/>
        <u>在文字下添加下划线</u><br/>
        <span>该标签配合CSS使用，只是把文本的内容标识出来</span><br/>
    </body>
</html>

效果展示

阳光西西

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Mars-HTML5(三)常用文本标签

标签的作用文本标签的目标就是对文本的内容进行装饰，例如加粗字体，为文字加上下划线等等机器阅读视觉标签的加粗就仅仅是加粗，对于机器阅读而言，这样的加粗没有意义。如果是语义标签当中的加粗标签，不但会加粗文本，同时还会起到强调的作用，在机器阅读时，这样的文本就会有更高的分数，会被搜索引擎认为是更加重要的内容<html> <head> <title>text</title
复制链接

扫一扫