            Coding With Fun

Home Docker Django Node.js Articles Python pip guide FAQ Policy

HTML <bdi> tags

May 04, 2021 HTML Reference Manual

Table of contents

1. HTML .lt;bdi> tags

2. Browser support

3. Label definition and instructions for use

4. The difference between HTML 4.01 and HTML5

6. Global properties

7. The event property

HTML .lt;bdi> tags

An element is a two-way isolation element.

Neither the start label nor the end label of the label can be omitted.

Isolate the user name from the surrounding text orientation settings:

<ul>
<li>用户 <bdi>hrefs</bdi>: 60 分</li>
<li>用户 <bdi>jdoe</bdi>: 80 分</li>
<li>用户 <bdi>إيان</bdi>: 90 分</li>
</ul>

Try it out . . .

Browser support

Currently, only Firefox and Chrome browsers support the hashtags.

Label definition and instructions for use

bdi refers to bidi isolation.

The label allows you to set a piece of text that is separate from the text orientation settings of its parent element.

This tag is useful when posting user comments or other content that you don't have full control over.

Tip: Although the same display can be used to format elements by using CSS rules: unicode-bidi, semantic information can only be passed through the element.

The difference between HTML 4.01 and HTML5

The label is the new label for HTML5.

Property

属性	值	描述
dir	ltr rtl auto	可选。规定 <bdi> 元素内的文本的文本方向。默认值：auto。

Global properties

Labels support the global properties of HTML.

The event property

The tag supports the event properties of HTML.