HTML5基础-Mark标签高亮显示文本
生活随笔
收集整理的這篇文章主要介紹了
HTML5基础-Mark标签高亮显示文本
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1、mark標簽使用
??? ?<mark></mark>
2、mark作用
??? ? 使用mark標簽元素,可以高亮顯示文檔中的文字以達到醒目的效果。
3、mark使用代碼
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8"/> 5 <style> 6 mark { 7 background-color:#00ff90; font-weight:bold; 8 } 9 </style> 10 <title>使用Mark元素高亮顯示文本</title> 11 </head> 12 <body> 13 14 <article> 15 <header> 16 <h1>百科</h1> 17 </header> 18 <p>百度百科是一部內容開放、自由的網(wǎng)絡<mark>百科</mark>全書,旨在創(chuàng)造一個涵蓋所有領域知識,服務所有互聯(lián)網(wǎng)用戶的中文知識性<mark>百科</mark>全書。在這里你可以參與詞條編輯,分享貢獻你的知識</p> 19 </article> 20 </body> 21 </html>4、示例效果
5、備注
?? 使用strong、em元素同樣能達到這樣的效果,不推薦使用strong、em元素,因為strong、em元素的作用是強調文本,并非僅僅是高亮顯示文本。
《新程序員》:云原生和全面數(shù)字化實踐50位技術專家共同創(chuàng)作,文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的HTML5基础-Mark标签高亮显示文本的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: HTML5 details 标签
- 下一篇: HTML5 progress元素的样式控