<bdi>


HTML <bdi> 태그

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>在下面的示例中,显示着每个用户比赛的分数。将用户名从周围的文本方向设置中隔离出来。</p>

<ul>
 <li>用户 <bdi>hrefs</bdi>: 60 分</li>
 <li>用户 <bdi>jdoe</bdi>: 80 分</li>
 <li>用户 <bdi>إيان</bdi>: 90 分</li>
</ul>

<p><b>注意：</b> 目前只有 Firefox 和 Chrome 浏览器支持 bdi 标签。</p>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

브라우저 지원

1000.png

현재 Firefox 및 Chrome은 <bdi> 태그를 지원합니다.

라벨 정의 및 사용 지침

bdi는 bidi 격리(양방향 격리)를 의미합니다.

<bdi> 태그를 사용하면 상위 요소의 텍스트 방향 설정과 관계없이 텍스트를 설정할 수 있습니다.

이 태그는 사용자 댓글이나 귀하가 완전히 통제할 수 없는 기타 콘텐츠를 게시할 때 유용합니다.

HTML 4.01과 HTML5의 차이점

<bdi> 태그는 HTML5의 새로운 태그입니다.

전역 속성

<bdi> 태그는 HTML 전역 속성을 지원합니다.

이벤트 속성

<bdi> 태그는 HTML 이벤트 속성을 지원합니다.