# HTML刪除線標簽是什么
在HTML中,刪除線效果是文本修飾的常見需求,用于表示被刪除或不再相關的內容。本文將詳細介紹實現刪除線的HTML標簽及其應用場景。
## 一、兩種主要刪除線標簽
### 1. `<s>` 標簽
`<s>` 是"strikethrough"的縮寫,用于表示不再準確或不再相關的內容:
```html
<p>原價:<s>¥299</s> 限時特價:¥199</p>
<del>
標簽<del>
表示文檔中被刪除的內容,常與<ins>
(插入內容)配合使用:
<del>會議原定于周一舉行</del>
<ins>改為周二下午2點</ins>
標簽 | 語義 | 適用場景 |
---|---|---|
<s> |
視覺刪除線 | 價格標注、過時信息 |
<del> |
實際刪除的內容 | 文檔修訂、內容更新 |
除了HTML標簽,還可以通過CSS實現刪除線效果:
.strikethrough {
text-decoration: line-through;
}
優勢: - 可自定義顏色、樣式(實線/虛線) - 支持響應式設計
<div class="price">
<span class="original-price"><s>¥599</s></span>
<span class="discount-price">¥399</span>
</div>
<p>
項目截止日期:
<del>2023-12-31</del>
<ins>2024-02-15</ins>
</p>
<del>
標簽HTML5還支持<strike>
標簽,但已被廢棄,建議使用<s>
或<del>
替代。
通過合理使用刪除線標簽,可以使網頁內容更具表現力和語義價值。根據實際需求選擇合適的方式,既能實現視覺效果,又能保證代碼的規范性和可維護性。 “`
這篇文章包含了: 1. 兩種主要刪除線標簽的介紹 2. 對比表格展示區別 3. CSS替代方案 4. 實際應用示例 5. 使用注意事項 6. 擴展知識 格式采用標準的Markdown語法,包含代碼塊、表格等元素,總字數約600字。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。