<bdi>
Inline markup
Isolates text whose direction might otherwise disturb the surrounding line.
| How to write it | <bdi></bdi> |
|---|---|
| Closing tag | </bdi> |
| Void element | No — it must be closed |
| Common attributes | None in particular |
| Category | Inline markup |
How to read this
- Most tags come in pairs, opening and closing. Only tags with no content — img, br — are left unclosed.
- Writing </br> for a void element does nothing useful; the browser ignores it or adds an empty line.
- Appearance is CSS’s job. A tag says what something is; bold or italic is only the consequence.
- Choosing the tag that matches the meaning helps search engines and screen readers alike. Wrapping everything in div throws that information away.
Frequently asked questions
Q. What is the HTML <bdi> tag?
Isolates text whose direction might otherwise disturb the surrounding line.
Q. How do you write <bdi>?
As <bdi></bdi>. The opening <bdi> pairs with the closing </bdi>.
Q. Which attributes are common on <bdi>?
None in particular. The global attributes every element has — class, id, style — still apply.
Q. What group does <bdi> belong to?
The inline markup group.