<bdi> 태그는 텍스트의 출력 방향 영역을 설정합니다. 일반적인 글은 왼쪽에서 오른쪽으로 읽지만, 아랍어나 히브리어는 오른쪽에서 왼쪽으로 읽을 때 사용합니다.
<bdi>
<bdi> 태그는 텍스트의 출력 방향 영역을 설정합니다.
특징 | 설명 |
---|---|
요소 | 인라인 요소(Inline Element) |
닫는 태그 | 적용(<bdi> ~ </bdi>) |
버전 | HTML5 |
시각적 표현 | - |
사용성 | ★☆☆☆☆ |
정의(Definition)
- <bdi> 태그는 텍스트의 출력 방향 영역을 설정합니다.
- 일반적인 글은 왼쪽에서 오른쪽으로 읽지만, 아랍어나 히브리어는 오른쪽에서 왼쪽으로 읽을 때 <bdi> 태그를 사용합니다.
- <bdi> 태그는 텍스트의 읽는 방향이 다른 언어를 위해 HTML5에서 새로 생긴 태그입니다.
- <bdi> 태그는 텍스트 표기 방향을 자동으로 인식하고 제어를 합니다.
- <bdi> 태그는 CSS를 통해 텍스트의 방향(unicode-bidi)을 설정할 수 있습니다.
비교(Compare)
- <bdi> 태그는 텍스트의 방향을 자동으로 설정합니다.
- <bdo> 태그는 텍스트의 방향을 설정합니다.
- direction 속성은 콘텐츠 요소의 방향을 설정합니다.
- unicode-bidi 속성은 텍스트의 방향 속성을 설정합니다.
호환성(Compatibility)
6 | 7 | 8 | 9 | 10 | 11 | |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
<bdi> | ○ | ○ | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ |