HTML <mark> Tag

The <mark> HTML tag is used to highlight text within a document, typically to indicate relevance or emphasize a particular portion of content. The visual effect is usually a background color, most commonly yellow by default, which draws the reader's attention to the marked section. It is especially useful for highlighting search results, key terms, or important passages in a document.

Semantically, the <mark> element represents text that has been “marked” or highlighted for reference purposes, making it distinct from other forms of emphasis like <strong> or <em>, which indicate importance or stress rather than relevance. While <strong> or <em> conveys meaning to screen readers and search engines, <mark> primarily conveys that the text is noteworthy in a specific context, often temporary or context-driven.

The <mark> tag can contain phrasing content such as text, inline elements, and links. It is commonly used in combination with CSS to customize the highlight style beyond the default yellow background, allowing designers to match it with their website's theme.

Example of use:

<p>The following terms are important: <mark>HTML</mark>, <mark>CSS</mark>, and <mark>JavaScript</mark>.</p>

In this example, the words "HTML," "CSS," and "JavaScript" are visually highlighted to emphasize their importance in the context of the sentence.