HTML NOBR 태그를 웹표준에 적합하게 사용하기
페이지 정보
본문
먼저 nobr 테그에 대해서 알아봅니다.
▶ 설명
일정 부분의 텍스트에서 줄 바꿈 기능을 끈다. <nobr> 절에서 강제로 단어 바꿈을 하려면 <wbr> 태그를 사용한다.
▶ 예제
<pre>
<nobr>이 태그를 사용하면 줄 바꿈 기능이 태그 사이에서는 없어집니다. 강제로 줄 바꿈을 하려면 <wbr> 태그를 사용하셔야 합니다. <BR> 태그는 당연히 안 먹겠죠...</nobr>
</pre>
▶ 속성 정보
class="..."
설명 : <nobr> 요소에 적용시킬 스타일 등급을 가리킨다.
표준 : HTML 4
예제 : <nobr class="casual">
id="..."
설명 : <NOBR> 태그에 고유한 ID 셀렉터를 할당한다. 그 다음에 ID 셀렉터에 스타일을 할당할 때에는 그것은 하나의 <NOBR> 태그에 영향을 미친다.
표준 : HTML 4
예제 : <nobr id="123">
style="..."
설명 : <nobr> 태그내의 내용들에 적용되는 스타일 시트 명령들을 지정한다.
표준 : HTML 4
예제 : <nobr style="background: white">
위에서 보는것과 같이 <nobr>은 분명 HTML 4.0 표준이라고 적혀 있습니다.
그러나 웹접근성 심사기준으로 사용되는 도구중 하나인 W3C 에서는 <nobr> 테그를 사용하지 말도록 권장하고 있으며, 오류를 발생합니다. 아래와 같이 사용하셔야 합니다.
틀린 표현 : <nobr style="color:#eee">there is no wrapping here</nobr>
맞는 표현 : <span style="white-space: nowrap;color:#eee">there is no wrapping here</span>
참고자료
https://www.happyjung.com/bbs/board.php?bo_table=lecture&wr_id=78
http://onu.nanzoa.com/bbs/board.php?bo_table=03_1&wr_id=7
댓글목록
등록된 댓글이 없습니다.