English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de Referência do HTML

大全 do HTML

Etiqueta <bdi> do HTML

O elemento <bdi> do HTML (elemento de isolamento bidirecional) isola o texto externo que pode ser formatado em diferentes direções. Quando não se sabe de qual direção o texto foi inserido, como texto proveniente de um banco de dados (com direção do texto do banco de dados), o elemento é muito útil.

Exemplo Online

Isolar o nome de usuário da direção do texto ao redor:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Manual Básico(oldtoolbag.com)/title> 
</head>
<body><ul>
   <li><bdi class="name">Evil Steven</bdi>: 1st place</li>
   <li><bdi class="name">François fatale</bdi>: 2nd place</li>
</ul>
</body>
</html>
Teste e veja ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Definição e instruções de uso do etiqueta

bdi significa bidi isolamento (Bi-Isolação direcional).

O <bdi> etiqueta permite que você defina um trecho de texto, tornando-o independente da configuração de direção do texto do elemento pai.

é útil quando você publica comentários de usuários ou outro conteúdo que você não pode controlar completamente.

HTML 4.01 e HTML5diferenças entre

O <bdi> etiqueta é um HTML5 novo etiqueta.

Atributos globais

Suporte ao <bdi> etiqueta Atributos globais do HTML.

Atributos de evento

Suporte ao <bdi> etiqueta Atributos de evento do HTML.