RTL(Right to Left) > html

RTL(Right to Left)

작성일 12-10-05 10:56

페이지 정보

작성자서방님 조회 378회 댓글 0건

본문

출처 : http://ec-uit.vi-nyl.com/markgup/rtl.html

RTL(right-to-left)이란?^ Top

아랍어권 문자는 우횡서의 지원이 필수이다. 게다가 이러한 문자에 서양 문자나 숫자가 혼재하는 경우는 거기만 좌횡서가 되기 때문에 단지 문자를 오른쪽에서 왼쪽으로 늘어놓으면 되는 문제가 아니다. 우횡서와 좌횡서가 혼재되었을 경우의 표시나 입력이 올바르게 처리하도록 할 필요가 있다.

또 우횡서에서는 좌횡서에 비해 약물의 방향이 반대된다. 특히 괄호의 논리적 의미가 반대로 된다는 점에 주의해야 한다.

컴퓨터에서는 우횡서를 R2L 또는 RTL(right-to-left)로 부른다. 좌횡서는 L2R 또는 LTR이다. R2L과 L2R이 혼재된 환경은 BiDi(bi-directional)라고 한다. 근래에 주요한 운영체제가 BiDi를 지원하고 있어 HTML 4.0에서도 dir 속성이 도입돼 BiDi의 지원이 진행되고 있다.

RTL 적용 대표 언어 및 대표 언어 사용 국가^ Top

대표 언어

대표 언어 사용 국가

아랍어(Arabic language) : 사우디아라비아, 레바논, 리비아, 모로코, 모리타니, 바레인 등
히브리어(Hebrew language) : 이스라엘 등
페르시아어(Persian language) : 이란, 타지키스탄, 아프가니스탄, 바레인, 우즈베키스탄 등
우르두어(Urdu language) : 파키스탄, 모리셔스, 바레인, 보츠와나 등

RTL 적용하기^ Top

direction 적용 방법

html tag

css

html{direction:rtl}

RTL 적용 시 유의 점^ Top

IE6, 7에서의 Float

IE7, 6에서의 부모태그에 float가 적용됐고 2개의 자식 태그에 각각 float:left와 float:right가 적용 됐을 경우 아래의 이미지와 같은 현상 발생.


파이어폭스	IE6, 7

부모태그에 float:left(right) 적용

float:left 적용

float:right 적용

위의 오류는 부모 태그에 width값을 부여하면 해결이 가능.

IE6, 7

부모태그에 float:left(right) 적용

float:left 적용

float:right 적용

특수문자와 문자(혹은 숫자)의 조합

숫자와 특수문자와의 조합

예) +123456

출력 : 123456+

해결방법 : RTL에서 LTR로 바뀌는 지점에 RTM(right to left mark)혹은 LTM(left to right mark)를 넣어주어 해결

&rlm;+123456

위의 방법으로 해결이 불가능한 경우 아래의 방법처럼 direction을 ltr로 바꾼 뒤 text-align:right로서 해결.

+123456

세로 스크롤 바

direction이 rtl이 적용된 경우 IE와 Opera의 경우 브라우저 내에서 표현대는 모든 세로 스크롤 바의 위치가 자동으로 오른쪽에서 왼쪽으로 이동이 되나, 그 외의 브라우저는 스크롤 바의 위치가 변하지 않음.

현재 이 문제에 대해서는 해결방법을 찾지 못했으며, 구축 시에 유념하여 진행해야 합니다.

Font

폰트는 12px과 Tahoma 폰트로 조합 됐을 경우 가장 뛰어난 가독성을 가짐. 하지만 사이트의 특성에 따라 폰트는 Tahoma를 제외한 기타 폰트를 사용해도 무관하나 사이즈의 경우 12px 이하의 사이즈를 사사용하는 것 자제하는 것이 좋다.

References^ Top

</html>

댓글목록

등록된 댓글이 없습니다.