2010/05/17

開始使用CSS的刪除線<del>取代<strike>

最近參考免費資源網路社群 的《使用 Monster 檢測錯誤,提昇網站效能、可用性及品質》一文,發現原來進入HTML 5後,HTML 5不再支援某些CSS的使用方式(如:刪除線<strike>)。

因此,我開始修改文件,以<del>取代<strike>,只是在使用時發現有一些特別要注意的地方,特地和大家分享。

<li/>這類標籤


因為li加入/後,所以可以在最後少加一個關閉的標籤。

這當然不是一個正確的用法!

但這個方式在使用上除了不需要在尾巴加入關閉的標籤,所以使用上非常方便;也因為我習慣把這個標籤放在行首,所以這個標籤在識別上很方便,基於這兩個原因,所以我原本仍使用這種方法。

不過當我自己也以Email訂閱「通達人驛站」、以及Mobile瀏覽「通達人驛站」後,我發現格式會跑掉,所以我就又乖乖回去使用<li>....</li>的方式了。

只是,你無法在一個還沒有關閉的標籤(如:<li/>)內使用<del>,像:
<del><li/>這是要刪除的部份</del>
因此,你只能在<li/>後面使用<del>,像:
<li/><del>這是要刪除的部份</del>
所以,如果你像我一樣習慣使用未關閉的標籤,使用<del>時可得要特別注意了!

沒有留言:

張貼留言