<bdi>를 알아보자! > HTML

본문 바로가기

회원메뉴

  

쇼핑몰 검색

회원로그인

오늘 본 상품

없음

HTML

<bdi>를 알아보자!

페이지 정보

작성자 인셀러 작성일18-12-03 14:56 조회21회 댓글0건

본문

<bdi> 



HTML <bdi> 요소 (or Bi-Directional Isolation Element) 는 텍스트의 출력 방향을 브라우저가 판단해 표현합니다.

이 요소는 포함된 텍스트의 방향을 알 수 없을 때 내부의 텍스트의 방향이 고정되도록 하는데 유용합니다.


*

CSS 규칙(unicode-bidi: isolate를 <span>이나 다른 텍스트 포맷 요소에 사용)을 사용해서 같은 시각적 효과를 이룰수도 있지만, 시멘틱 의미는 <bdi> 요소를 통해서만 전달됩니다. 특히, 브라우저가 CSS 스타일링을 무시할수도 있습니다. 이러한 경우, CSS 스타일링을 통해 시멘틱을 전달하는것은 쓸모없게 되고, HTML 요소를 사용하는것이 옳게 됩니다.

*



컨텐츠 범주 : 플로우 컨텐츠, 구문 컨텐츠, palpable 컨텐츠.

허용된 컨텐츠 : 구문 컨텐츠..

태그 생략 :  None, both the starting and ending tag are mandatory.

허용된 부모 요소 : 구문 컨텐츠를 허용하는 모든 요소.




속성

다른 모든 HTML 요소들처럼 이 요소도 전역 속성을 포함하지만, 약간의 시멘틱 차이가 있습니다. dir 속성은 상속받지 않습니다. 이 속성이 설정되어있지 않으면, 기본값은 auto이며, 요소의 내용에 기반하여 브라우저가  방향을 결정합니다.



예제

<p dir="ltr">This arabic word <bdi>ARABIC_PLACEHOLDER</bdi> is automatically displayed right-to-left.</p>



결과

3c50c664bf3e0eb7fdbe6d473d39f57d_1543816354_5139.jpg
 

댓글목록

등록된 댓글이 없습니다.

인셀터 파트너
회사소개 서비스이용약관 개인정보취급방침 공지사항 제휴문의 고객문의
  • 고객센터
    Tel : 070 - 4140 - 1302
    Time : am10:00 ~ pm6:00

    고객문의 게시판
    카카오톡 문의 : sopen
  • 입금계좌안내
    신한은행 : 110-450-941860
    하나은행 : 642-910643-16407
    예금주 : 에스오픈(신광태)
  • 사이트명 : 인셀러,     회사명 : 에스오픈
    사업자 등록번호 : 314-07-45623
    통신판매업신고번호 : 2018-대전중구-0441
    주소 : 대전광역시 중구 동서대로 1180, 2F (태평동 414-1)
    전화 : 070-4140-1302
    이메일 : sopen2011@naver.com
    대표&개인정보관리책임자 : 신광태