首頁技術文章正文

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

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

好口碑IT培訓

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

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

下面通過一個案例對mark元素的用法進行演示。

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

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

mark元素的作用