首頁(yè)技術(shù)文章正文

mark元素的作用和用法介紹【案例展示】

更新時(shí)間:2021年04月16日14時(shí)25分來(lái)源:傳智教育瀏覽次數(shù):

好口碑IT培訓(xùn)

為了使HTML頁(yè)面中的文本內(nèi)容更加形象生動(dòng)，需要使用一些特殊的元素來(lái)突出文本之間的層次關(guān)系，這樣的元素被稱為層次語(yǔ)義元素。文本層次語(yǔ)義元素主要包括time元素、mark元素和cite元素。下面我們來(lái)介紹mark元素。

mark元素的主要功能是在文本中高亮顯示某些字符，以引起用戶注意。該元素的用法與em和strong有相似之處，但是使用mark元素在突出顯示樣式時(shí)更隨意靈活。

下面通過(guò)一個(gè)案例對(duì)mark元素的用法進(jìn)行演示。

<!Doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>mark元素的使用</title>
</head>
<body>
    <h3>小蘋(píng)果</h3>
    <p>我種下一顆<mark>種子</mark>，終于長(zhǎng)出了<mark>果實(shí)</mark>，今天是個(gè)偉大日子。摘下星星送給你，拽下月亮送給你，讓太陽(yáng)每天為你升起。變成蠟燭燃燒自己，只為照亮你，把我一切都獻(xiàn)給你，只要你歡喜。你讓我每個(gè)明天都變得有意義，生命雖短愛(ài)你永遠(yuǎn)，不離不棄。你是我的小呀<mark>小蘋(píng)果兒</mark>怎么愛(ài)你都不嫌多。紅紅的小臉兒溫暖我的心窩，點(diǎn)亮我生命的火火火火火。你是我的小呀<mark>小蘋(píng)果兒</mark>就像天邊最美的云朵。春天又來(lái)到了花開(kāi)滿山坡 種下希望就會(huì)收獲。</p>
</body>
</html>

使用mark元素環(huán)繞需要突出顯示樣式的內(nèi)容。

mark元素的作用