文章标签 --举例-- 极其语意化_csdn文章标签-CSDN博客

本文链接：https://blog.csdn.net/whpu1234/article/details/81301192

html语义化，就是对不同的html定义不同的语义，让每个html标签都有自己独特的含义

1.<strong>&&<b>

2.<del>&&<s>

demo：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>常用文本标签和HTML语意化</title>

    <style>
    
        #delete{
            /* 文本装饰， line-through表示下划线;  underline表示下划线*/
            text-decoration: line-through;
        }

    </style>

</head>
<body>
    
    <!-- strong和b标签都可以显示一段加粗文本，strong标签具有语意化，表示标签中的内容需要强调;  b标签没啥意思，只是单纯的加粗文本-->
    <p>
        这是<strong> p标签 </strong>显示的文本
    </p>

    <b>b标签的文本</b>

    <!-- del具有语意化，s标签只是单纯加删除线 -->
    <del>del标签的文本</del>
    <s>s标签文本</s>

    <p id="delete">带删除线的p标签xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyxxxxxxx</p>


    <!-- 

        html语义化，就是对不同的html定义不同的语义
        让每个html标签都有自己独特的含义

     -->


</body>
</html>

运行结果：