<bdi> Tag in HTML5

The <bdi>tag is new in HTML5, it stands for Bi-directional isolation. The purpose of <bdi> tag to inform the browser to isolate the span of text which may be formatted in opposite directions than the surrounding text.

Important Description

  • The <bdi> element isolates the content from its surrounding content.
  • The <bdi> tag use to differentiates a text from other text.
  • Open and close tag required of <bdi>.
  • <bdi> tag ignor the <bdo> tag.
  • It useful for Arabic or Hebrew languages

Example of <bdi> Tag

Result Look Like

Example of BDI tag in HTML5

This paragraph use to present bdi tag.

The content may be Arabic Language BDI Tag right to left

<bdi> tag Browsers Support

Element Chrome Edge Firefox Safari Opera
<bdi> Yes No Yes Yes Yes

Global Attributes

  • The <bdi> tag supports all the Global Attributes in HTML.
  • The <bdi> tag doesn't have any specific attribute.

Event Attributes

Advertise With Us

We offer sponsored posts and guest posts with do-follow links, back-links, and other advertising services, To advertise email us at ""

© 2021 GDATAMART.COM (All Rights Reserved)