HTML5文本 描述性信息 編輯提示

    ■知識(shí)點(diǎn)

    HTML5使用下面兩個(gè)元素來(lái)標(biāo)記內(nèi)容編輯的操作。

    ins：己添加的內(nèi)容。 

    del：已刪除的內(nèi)容。

    這兩個(gè)元素可以單獨(dú)使用，也可以搭配使用。

    ■實(shí)例設(shè)計(jì)

【示例1】在代碼中，對(duì)于己經(jīng)發(fā)布的信息，使用ins又增加了一個(gè)項(xiàng)目，同時(shí)使用del移除了兩條項(xiàng)目。使用ins的時(shí)候不一定要使用del,反之亦然。瀏覽器通常會(huì)讓它們看起來(lái)與普通文本不一樣。

<ul>

    <li><del> 刪除項(xiàng)目 </del></li>

    <li>列表項(xiàng)目</li>

    <li><del> 刪除項(xiàng)目 </del></li>

    <li><ins> 插入項(xiàng)目 </ins></li>

</ul>

瀏覽器通常對(duì)己刪除的文本加上刪除線，對(duì)插入的文本加上下劃線。可以使用CSS重置這些樣式。 

【示例2】del和ins不僅可以標(biāo)識(shí)短語(yǔ)內(nèi)容，又可以包逛塊級(jí)內(nèi)容。

<ins>

    <p>文本 l</p>

</ins>

<del>

    <ul>

        <li><del> 刪除項(xiàng)目 </del></li>

        <1:1>列表項(xiàng)目</li>

        <li><del> 刪除項(xiàng)目 </del></li>

        <li><ins> 插入項(xiàng)目 </ins></li>

    </ul>

</del>

    cite屬性（不同于cite元素）用于提供一個(gè)URL，指向說(shuō)明編輯原因的頁(yè)面。datetime屬性提供編輯的時(shí)間。瀏覽器不會(huì)將這兩個(gè)屬性的值顯示出來(lái)，不過(guò)可以為內(nèi)容提供一些背景信息，用戶或搜索引擎可以通過(guò)腳本提取這些信息，以供參考。