HTML5 <bdi> Tag

Topic: HTML5 Tags Reference« Prev|Next »

Description

The <bdi> (stands for bi-directional isolation) element represents a span of text that is isolated from other text for the purposes of formatting in a different direction.

The following table summarizes the usages context and the version history of this tag.

Placement: Block
Content: Inline, and text
Start/End Tag: Start tag: required, End tag: required
Version: New in HTML5

Syntax

The basic syntax of the <bdi> tag is given with:

HTML / XHTML: <bdi> ... </bdi>

The example below shows the <bdi> tag in action.

  • <p dir="ltr">This arabic word <bdi>ARABIC_PLACEHOLDER</bdi> is automatically displayed right-to-left.</p>

Tag-Specific Attributes

The <bdi> tag doesn't have any specific attribute.


Global Attributes

Like all other HTML tags, the <bdi> tag supports the global attributes in HTML5.


Event Attributes

The <bdi> tag also supports the event attributes in HTML5.


Browser Compatibility

The <bdi> tag is supported in all major modern browsers.

Browsers Icon

Basic Support—

  • Firefox 10+
  • Google Chrome 16+
  • Internet Explorer ×
  • Apple Safari ×
  • Opera ×

Further Reading

See tutorial on: HTML Text Formatting.

Related tags: <bdo>.

 
Close

Your Feedback:

 

We would love to hear from you! Please say something.