HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <bdi> 태그

HTML <bdi> 요소 (양방향 분리 요소)는 다른 방향으로 포맷된 외부 텍스트를 분리합니다. 텍스트가 어느 방향에서 들어왔는지 알 수 없을 때, 예를 들어 데이터베이스에서 들어온 텍스트(텍스트 방향이 있는 데이터베이스)일 때, 이 요소는 매우 유용합니다.

온라인 예제

사용자 이름을 주변 텍스트 방향 설정에서 분리합니다：

예제

!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>기본 튜토리얼(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>

테스트를 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

태그 정의 및 사용 설명

bdi는 bidi isolation (Bi-directional Isolation）。

<bdi> 태그는 본문을 부모 요소의 텍스트 방향 설정에서 분리하여 설정할 수 있습니다.

사용자 비고를 발행하거나 완전히 제어할 수 없는 내용을 발행할 때, 이 태그는 매우 유용합니다.

HTML 4.01 와 HTML5간의 차이

<bdi> 태그는 HTML5 의 새 태그.

전체 속성

<bdi> 태그 지원 HTML의 전체 속성。

이벤트 속성

<bdi> 태그 지원 HTML 이벤트 속성。

HTML: <bdo> 태그 HTML: <basefont> 태그