首頁  >  文章  >  web前端  >  html-Mark標籤高亮顯示文字的詳解

html-Mark標籤高亮顯示文字的詳解

黄舟
黄舟原創
2017-06-29 10:41:426406瀏覽

1、mark標籤使用

     <mark></mark>

2、mark作用

      使用mark標籤元素,可以高亮顯示文檔中的文字以達到醒目的效果。

3、mark使用程式碼

<!DOCTYPE html>
<html>
<head>
<meta  charset=utf-8"/>
    <style>
        mark {
            background-color:#00ff90; font-weight:bold;
        }
    </style>
<title>使用Mark元素高亮显示文本</title>
</head>
<body>

    <article>
        <header>
            <h1>百科</h1>
        </header>
        <p>百度百科是一部内容开放、自由的网络<mark>百科</mark>全书,旨在创造一个涵盖所有领域知识,服务所有互联网用户的中文知识性<mark>百科
        </mark>全书。在这里你可以参与词条编辑,分享贡献你的知识</p>
    </article>
</body>
</html>

4、範例效果

5、備註

   使用strong、em元素同樣能達到這樣的效果,不建議使用strong、em元素,因為strong、em元素的作用是強調文本,並非僅僅是高亮顯示文字。

 

以上是html-Mark標籤高亮顯示文字的詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn