<mark>: The MARK Element
Last updated: 2026-10-13
<mark>The MARK Element
Highlights text with a default yellow background, like a highlighter pen; often used for keywords in search results.
| Category | Formatting |
|---|---|
| Content Model | Phrasing content |
| Allowed Parents | Any element that accepts phrasing content |
| Content Tag | Yes — requires closing </mark> tag |
| Status | Standard |
📝 Syntax
<mark>marked text</mark>▶ Example
Edit the code below and see the live result in the playground:
🌐 Browser Support
| Browser |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <mark> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Supported in all major browsers | |||||
Tip： <mark> means text relevant in the current context, not just a background change; customize the color via CSS.
❓ FAQ
QWhat is the difference between mark and strong?
A
<mark> denotes text highlighted for reference in its current context (yellow background by default), typically for search keywords or the relevant part of a quotation; <strong> means the content itself is important. One says I highlighted this, the other says this matters — completely different semantics.QCan I change the mark highlight color?
AYes. The default yellow background can be changed with CSS:
mark { background: #ffeb3b; color: inherit; }. You can also define multiple classes for different scenarios, such as one color for search-result highlights and another for quoted material.QIs mark suitable inside quotations?
AVery much so — that is its typical use: when quoting someone else's text, use
<mark> to mark the part most relevant to the current discussion. This highlight is something you added, not part of the original. Emphasis in the original should keep its own <strong> or <em>.🏷️ Related Tags
💡 Related Cases
📚 Related Tutorials
