skip to content

Semantic Elements

Choosing elements that describe meaning rather than appearance: sections and landmarks, heading rank, text-level markup, lists, tables, and the honest cases where a div is right. Interviewers use semantics to test whether your markup would still be usable with the stylesheet removed.

part ofHTMLoverview, primer and where to startread it →
on this pageshow

explore

questions

page 2 of 2

In HTML, what problem does the <bdi> element solve, and how does it differ from <bdo>?

level: seniorimportance: nice to knowfreq 15%

basics

~20 s

The bdi element isolates a run of text whose direction you do not control, such as a username, so it cannot reorder the characters around it. The bdo element does the opposite: with a required dir value it overrides direction and forces rendering order.

open as a page

showing 31–31 of 31