[formatting] HTML - <wbr> 태그 - 한 단어 내 줄바꿈 위치/지점 표시 (= wbr태그 = 더블유비알태그)

목차

1. <wbr> 예제 - 줄바꿈 위치/지점 표시
2. <wbr> 정의
3. <wbr> 구문

<wbr> 예제 - 줄바꿈 위치/지점 표시

 

<p>홈짱닷컴 (Homzzang.com) : HTMLHTML5CSSCSS3JAVASCRIPT<wbr>jQueryajax bootstrapSQLPHP 등 홈페이지 무료 제작 가이드</p>

 

결과보기

<wbr> 정의

 

긴 단어가 엉뚱한 위치에서 줄바꿈 되는 걸  방지위해 미리 줄바꿈 위치를 표시.

 

---

 

1.

• wbr :  (Word Break Opportunity)의 약자
• 한 단어 안이 아닌 단어간 사이에서는 효과 없음.  
• 줄바꿈 할 곳에 <wbr> 태그 넣음. 종료태그 없음.
• HTML5에 새로 추가.

2. 

IE 제외한 주요 최신브라우저 지원.

 

3. 영문 공식 매뉴얼 보기

• https://www.w3.org/TR/2012/WD-html-markup-20121025/wbr.html#wbr
• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/wbr

 

<wbr> 구문