HTML中的删除线：del和s的区别

在HTML中，删除线标签有两种：del标签和s标签。

    <s>我是s标签</s>

    <del>我是del标签</del>

                                                    效果： 

都可以实现删除线的效果，肯定有疑问二者有什么区别呢？

二者没有区别，但是第二种情况语义化更强,众所周知del是delete的缩写，是删除，但是s是什么？‘删’的首字母？别闹。那加粗的标签为啥不是'<j></j>'呢？对吧。语义化是编程语言的一种发展趋势，为了方便人也能更通顺的读懂。

常见的语义化标签有header头，footer脚，body身体，aside侧边栏，nav导航栏。

加粗，倾斜，下划线标签：

加粗        <b></b>       <strong></strong>(语义更强烈)     "strong"-->强壮

倾斜        <i></i>       <em></em>(语义更强烈)             "emphasize"-->强调

删除线      <s></s>       <del></del>(语义更强烈)           "delete"-->删除

下划线      <u></u>       <ins></ins>(语义更强烈)           "inserted"-->插入

 我们还可以通过css来实现删除线样式：

style写在标签里叫做“行(háng)内式”，常见的还有“外联式”和“内嵌式”，暂时不做探究

<p style="text-decoration: line-through">我是p标签:删除线</p>

                                                 效果： 

text-decoration还有很多属性：

    <!-- text-decoration还有很多属性 -->
    <p style="text-decoration: overline">我是p标签:上划线</p>
    <p style="text-decoration: underline">我是p标签:下划线</p>
    <!-- text-decoration也可以用来取消超链接的下划线 -->
    <a href="#" style="text-decoration: none">我是a标签:没有线</a>

                                             效果：