<bdo>

용어

Bi-Directional algorithm : 양방향 알고리즘

정의 및 사용

글자의 방향을 지정하는 특수 인라인 태그이다. 기본적으로 문서의 대표 언어의 흐름과 반대되는 언어가 중간에 포함될 경우 bdo 태그를 사용하여 정확한 텍스트 흐름 방향을 지정해준다.

브라우저 지원

IE6 지원IE7 지원IE8 지원IE9 지원IE10 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
속성 설명
dir ltr
rtl
왼쪽에서 오른쪽으로 정렬하는 값
Left-to-right text
오른쪽에서 왼쪽으로 정렬하는 값
Right-to-left text
lang en, ko 등 국가별 언어 코드 속성(language code)

예제

버그 및 이슈

  • 일반적으로 우리나라에서 작업하는 웹문서들은 (한국어나 영어 같은) 문서의 흐름이 왼쪽에서 오른쪽으로 동일하기 때문에 반대방향의 흐름 문서를 지정하는 일이 많지 않아 bdo 태그를 잘 사용하지 않는다. 하지만 아랍권 언어처럼 텍스트의 흐름이 오른쪽에서 왼쪽으로 되어 있는 웹문서 작업을 할 경우 올바르게 문서 방향을 지정해주지 않으면 많은 오류가 나기 때문에 주의해서 사용해야한다.
  • 기본적으로 lang 속성으로만 문서의 흐름을 지정하는 것은 좋지 않으며 한국어나 영어 문서에도 dir 속성으로 문서 흐름을 지정해주는 것이 좋다.
  • bdo 태그를 사용할 때에도 dir 속성이 필수 속성이고 lang 속성은 선택 속성이지만 가끔 발생하는 버그 방지를 위해 아래 예제처럼 lang 속성도 항상 함께 지정해주는게 좋다.

목록 으로

댓글