css刪除線 使用HTML5的刪除線

2021-10-11 06:55:43 字數 1716 閱讀 2302

css非常適合樣式設定,但不適用於提供內容含義。這就是html語義標記的用途,當你嘗試刪除內容時,通常會有乙個原因,並且可以使用適當的html標籤來描述該原因。使用傳達,並賦予你的**以語義意義 。

是的,它們都是刪除線。但是,它們傳達了關於內容的不同含義。所以它們是不能互換的。你要選擇乙個能反映你想達到的目標的。我們先來看看定義。

/ /

當你想表示不再相關或不再準確的事物時,可以用這個方法。

✅ **折扣就是乙個很好的例子

❌ 但是,這個標籤不應該在表示文件編輯時使用。這就是的作用。

/ /

當你想表示某項內容從文件中刪除時,請使用此選項。

✅ 待辦事項清單就是乙個很好的例子。

規則

以下是我如何記住使用哪種方法。如果內容代表被刪除的東西,使用。對於所有其他情況,使用

這裡是我認為真正的優勢所在。你可以將它與配對,一起使用它們來建立乙個跟蹤和記錄文件中發生的變化的介面。

/ 示例:git介面 /

+ function tea() del::before del::after /* mdn *// /

s::before, s::after s::before s::after /* mdn */
作者簡介:web前端工程師,全棧開發工程師、持續學習者。

HTML5實踐 使用css製作時間 ICON

最近我在重新設計自己的部落格站點,決定用乙個日曆樣式的icon顯示時間。以前的解決方案一般是用背景,感謝css3,現在我們用css3就能實現這樣的功能。我將會用到一些linear gradients,border radius 和 box shadow這些屬性來代替以前的photoshop設計。ph...

HTML5的學習(二)HTML5標籤

3.按功能排列標籤 標籤 描述 html4 html5 定義注釋。定義文件型別。定義文件的主體。定義文件中的節。定義section或page的頁尾。to定義html標題。定義html文件。定義關於文件的資訊。定義section或page的頁首。定義關於html文件的元資訊。定義針對不支援客戶端指令碼...

html5及CSS的學習4

四 樣式優先順序 4.3 改變優先順序 3.3 定位 定位 position 允許您從正常的文件流布局中取出元素,並使它們具有不同的行為,例如放在另乙個元素的上面,或者始終保持在瀏覽器視窗內的同一位置。有許多不同型別的定位,您可以對html元素生效。3.3.1 靜態定位 靜態定位是每個元素獲取的預設...