mark 標簽用于突出顯示文本，吸引讀者注意。1. 使用方法簡單，用包裹需高亮的文本；2. 默認背景為黃色，但可通過 css 自定義樣式，如修改背景色、字體顏色等；3. 具有語義功能，表示文本與當前上下文相關，適用于搜索結果關鍵詞高亮、代碼編輯器提示等場景；4. 與 strong 和 em 不同，mark 側重視覺高亮而非強調重要性或語氣，應根據語義合理選擇標簽；5. 實際應用包括閱讀模式、在線文檔重點標記等，使用時應避免濫用以確保最佳效果。
mark 標簽在 html 中用于突出顯示文本，就像你在紙上用熒光筆標記一樣。它能快速吸引讀者的注意力，但用得太多反而會適得其反，所以要謹慎使用。
高亮顯示文本，引起注意。
mark 標簽的基本用法
mark 標簽的使用非常簡單，只需要將需要高亮顯示的文本用 和 包裹起來即可。例如：
立即學習“前端免費學習筆記（深入）”；
<p>這是一段普通的文本，其中<mark>這部分需要高亮顯示</mark>。</p>
默認情況下，瀏覽器會將 mark 標簽中的文本以黃色背景高亮顯示。當然，你可以使用 css 來自定義高亮顯示的樣式，比如修改背景顏色、字體顏色等等。
如何自定義 mark 標簽的樣式
默認的黃色高亮可能并不總是符合你的設計風格，這時就可以通過 CSS 來修改 mark 標簽的樣式。例如，想要將高亮顏色改為淡藍色，字體顏色改為黑色，可以這樣做：
<p>這是一段普通的文本，其中<mark>這部分需要高亮顯示</mark>。</p>
這段代碼會將所有 mark 標簽內的文本背景色設置為淡藍色，字體顏色設置為黑色。你可以根據自己的需要修改 CSS 屬性，比如 padding、border 等，來達到更好的視覺效果。
mark 標簽的語義化考量
雖然 mark 標簽主要用于視覺上的高亮顯示，但它也具有一定的語義。它表示這段文本對于當前上下文是重要的，或者與用戶的當前操作相關。因此，在使用 mark 標簽時，應該考慮其語義，避免濫用。
例如，在一個搜索結果頁面中，可以用 mark 標簽高亮顯示用戶搜索的關鍵詞。這樣不僅能讓用戶快速找到關鍵詞，也能體現 mark 標簽的語義。
mark 標簽與 strong 和 em 的區別
strong 標簽表示文本的重要性，通常會以粗體顯示。em 標簽表示文本的強調，通常會以斜體顯示。雖然它們都可以用來突出顯示文本，但語義不同。
strong 強調的是文本的重要性，而 em 強調的是文本的語氣。mark 標簽則更側重于視覺上的高亮顯示，表示文本與當前上下文相關。
因此，在選擇使用哪個標簽時，應該根據具體的語義來決定。如果只是想簡單地高亮顯示文本，mark 標簽是最佳選擇。如果想強調文本的重要性或語氣，應該使用 strong 或 em 標簽。
mark 標簽在實際項目中的應用場景
mark 標簽在實際項目中有很多應用場景。例如：
- 搜索結果高亮： 在搜索結果頁面中，高亮顯示用戶搜索的關鍵詞，方便用戶快速找到目標信息。
- 代碼編輯器： 在代碼編輯器中，高亮顯示語法錯誤或警告信息，幫助開發者快速定位問題。
- 閱讀模式： 在閱讀模式下，高亮顯示用戶正在閱讀的段落或句子，提升閱讀體驗。
- 在線文檔： 在在線文檔中，高亮顯示重要的概念或術語，方便用戶學習和理解。
總而言之，mark 標簽是一個非常實用的 HTML 標簽，可以幫助你更好地突出顯示文本，提升用戶體驗。但要記住，合理使用，避免濫用，才能發揮它的最大價值。
