HTML5設(shè)置刪除線的方法
在HTML5中,我們可以使用del標(biāo)簽和s標(biāo)簽來設(shè)置文本的刪除線。
<p>這是普通文本</p> <del>這是被刪除的文本</del> <s>這也是被刪除的文本</s>
del標(biāo)簽中的文本將顯示為帶有刪除線的文本,s標(biāo)簽中的文本也會顯示為帶有刪除線的文本,但是s標(biāo)簽被廢棄了,已經(jīng)不推薦使用了。
以下是一個實(shí)際的例子,使用del標(biāo)簽來顯示不需要的文本。
<p>I have a cat.</p> <p>I had a hamster, but she died.</p> <p><del>I have a hamster.</del></p>
上述代碼將生成以下內(nèi)容:
I have a cat.
I had a hamster, but she died.
I have a hamster.
可以看到,包含在del標(biāo)簽中的文本,被顯示為帶有刪除線的文本,而不需要的文本則被刪除。
使用del標(biāo)簽和s標(biāo)簽的另一個例子,以便更好地了解它們的區(qū)別:
<p>I have a <del>cat</del> dog.</p> <p>I have a dog.<s>No, I actually have two dogs!</s></p>
上述代碼將生成以下內(nèi)容:
I have acatdog.
I have a dog.No, I actually have two dogs!
這個例子中,del標(biāo)簽用于顯示不再需要的文本,s標(biāo)簽則用于顯示假信息:
“I have a cat dog”顯示為“cat”是不需要的,所以文本被刪除。
“我有一只狗”顯示為“我實(shí)際上有兩只狗!”是假信息,所以使用s標(biāo)簽來把它放在刪除線下。
總之,在HTML5中,我們可以使用del標(biāo)簽和s標(biāo)簽來設(shè)置文本的刪除線。