Shulou(Shulou.com)06/01 Report--

Most people do not understand the knowledge points of this article "how to use the bdi tag of HTML", so the editor summarizes the following contents, detailed contents, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "how to use the bdi tag of HTML" article.

HTML tag

Example

Isolate the user name from the surrounding text orientation settings:

User hrefs:60 score

User jdoe:80 score

User: 90 points

Label definition and instructions for use

Bdi refers to bidi isolation (Bi-directionalIsolation).

Tags allow you to set a piece of text away from the text orientation setting of its parent element.

This tag is useful when posting user comments or other content that you have no complete control over.

The difference between HTML4.01 and HTML5

The tag is a new tag for HTML5.

Global attribute

Tags support the global properties of HTML.

Event attribute

The tag supports the event attribute of HTML.

HTML elements (bi-directional isolation elements) isolate external text that may be formatted in different directions.

This element is useful when you don't know from which direction the text is embedded, such as text from the database (with the text direction from the database).

Note: although the same display effect can be achieved by using the CSS rule unicode-bidi: isolate or other text formatting elements, semantic information can only be passed through elements. In particular, when browsers allow CSS styles to be ignored, in this case, use still ensures that the text is displayed correctly, while using CSS styles to pass semantics is useless.

Example:

ThisarabicwordARABIC_PLACEHOLDERisautomaticallydisplayedright-to-left.

Results:

ThisarabicwordREDLOHECALP_CIBARAisautomaticallydisplayedright-to-left.

The above is about the content of this article on "how to use the bdi tag of HTML". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.