HTML <bdi> 태그

정의와 사용법

BDI 이는 양방향隔離을 의미합니다(양방향 분리)。

<bdi> 태그는 일부 텍스트를 분리하여, 이 텍스트가 외부 다른 텍스트와 다른 방향을 가질 수 있습니다.

알 수 없는 텍스트 방향을 가진 사용자 생성 콘텐츠를 삽입할 때 이 요소는 매우 유용합니다.

예제

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

<ul>
  <li>사용자 <bdi>Bill</bdi>: 70 점</li>
  <li>사용자 <bdi>Steve</bdi>: 80 점</li>
  <li>사용자 <bdi>إيان</bdi>: 90 점</li>
</ul>

직접 테스트해 보세요

전역 속성

<bdi> 태그는 다음과 같은 것을 지원합니다 HTML에서의 전역 속성

이벤트 속성

<bdi> 태그는 다음과 같은 것을 지원합니다 HTML에서의 이벤트 속성

브라우저 지원

표의 숫자는 해당 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
16.0 79.0 10.0 지원하지 않음 15.0