728x90
<wbr>는 단어 중간에서 행바꿈될 수 있는 위치를 정의할 때 사용함.
길이가 굉장히 긴 단어의 경우, 브라우저는 자동으로 행바꿈을 실행하게 되는데 이때에 브라우저가 해당 단어를 잘못된 위치에서 행바꿈하지 않도록 <wbr> 요소를 사용하여 행바꿈 될 수 있는 위치를 직접 명시할 때 사용합니다.
<br> 태그는 길이가 긴 단어의 경우, 브라우저와 상관없이 무조건 행바꿈을 실행하도록 명시합니다.
* <wbr> 태그는 html5에서 새롭게 추가된 요소로 ie에서는 지원하지 않음.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML wbr tag</title>
</head>
<body>
<p>http://this.is.a.really.long.example.com<wbr>/With/deeper/level/pages<wbr>/deeper/level/pages<wbr>/deeper/level/pages<wbr>/deeper/level/pages<wbr>/deeper/level/pages</p>
</body>
</html>
'이론 & 자료 정리 > 개념 노트' 카테고리의 다른 글
| git 명령어 모음 (0) | 2022.01.21 |
|---|---|
| 이메일 템플릿(웹메일) 코딩 시 주의사항 (0) | 2022.01.21 |
| polyfill(폴리필)이란? (0) | 2022.01.13 |
| [MAC] 사용 중인 포트 찾아서, Kill (0) | 2022.01.11 |
| [Node] NVM? 노드 버전관리 (0) | 2022.01.07 |