HTML - <s>标签



HTML <b><s></b> 标签用于表示不再正确或准确的内容。它代表删除线标签,用于呈现带有删除线(或贯穿线的)文本。

建议使用 <del> 标签代替 <s> 标签来定义文档中删除的文本。

语法

<s>.....</s>

属性

HTML <s> 标签支持 HTML 的全局事件属性。

HTML <s> 标签示例

下面的例子将说明 <s> 标签的用法,何时以及如何在句子中的特定文本或整个句子上使用 <s> 标签。

对关键词使用删除线

在下面的例子中,我们创建一个 HTML 文档,并使用 <s> 标签来表示不再正确的单词或句子。

<!DOCTYPE html>
<html>
<body>
   <h2>Example of <s> tag </h2>
   <p>
      <b>Tutorialspoint</b>
      <s> Makes life difficult </s> 
      Makes life easy! because Easy to learn
   </p>
</body>
</html>

设置删除线的样式

在下面的例子中,我们重复了之前的例子,使用了相同的段落,但这次我们只包含 CSS 属性来使段落更具样式。

<!DOCTYPE html>
<html>
<head>
   <style>
      p {
         font-size: 20px;
         font-style: italic;
      }
   
      b {
         color: green;
      }
   
      span {
         color: black;
      }
   
      s {
         background-color: #F88379;
      }
   </style>
</head>
<body>
   <h2>Example of <s> tag </h2>
   <p>
      <b>tutorials <span>point</span>
      </b>
      <s> Makes life difficult</s> Simply Easy Learning
   </p>
</body>
</html>

对整个句子使用删除线

让我们看看下面的例子,我们创建一个 HTML 文档,并使用 <s> 标签来标记需要添加删除线的文本。

<!DOCTYPE html>
<html>
<head>
   <style>
      s {
         background: red;
      }
   </style>
</head>
<body>
   <h2>The HTML s Tag</h2>
   <p>
      <s>Only 25 tickets left!</s>
   </p>
   <p>SOLD OUT!</p>
</body>
</html>

支持的浏览器

标签 Chrome Edge Firefox Safari Opera
<s>
html_tags_reference.htm
广告