天天看點

《HTML5開發手冊》——2.5 初學者“菜單”:使用mark元素高亮文本

本節書摘來自異步社群《html5開發手冊》一書中的第2章,第2.5節,作者: 【美】chuck hudson , 【英】tom leadbetter 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

利用mark元素,文檔作者可以高亮顯示文檔中的某些文本以達到醒目的效果。

如果使用者在站點中進行搜尋,搜尋頁面中的關鍵字可以高亮顯示。這時,就可以很好地利用到mark元素。不選用strong或者em元素的原因是,我們并非想要強調這些關鍵字,而僅僅是為使用者提供高亮效果。圖2.4所示為如何使用mark元素。代碼2.6所示為對應的html和css。

代碼2.6 mark元素和額外的css

《HTML5開發手冊》——2.5 初學者“菜單”:使用mark元素高亮文本

繼續閱讀