반응형
웹의 표준이 계속 바뀌면서 문제가 된 것이 구 태그 사용 방법에 대한 혼동입니다.
바뀐 지 오래되었지만, 오래된 HTML 문서들에 사용된 구 버전 사용 방법들을 따라 계속 사용하면서 불필요한 사용 방법을 계속 고수합니다. 달라진 표준에 대한 문서를 볼 기회가 없는 것도 한 가지 원인이기는 합니다.
가장 흔한 혼동이 <br> 혼동입니다.
결론부터 말하면 현재 표준은 <br>입니다.
"/"를 붙일 필요도 없고 "/" 앞에 공백을 띄울 필요도 없습니다.
모던 웹 브라우저들은 <br/>, <br />을 사용한 HTML 문서를 파싱 하면서 모두 <br>로 변경합니다.
<br> 문제뿐만 아니라 과거 단독 태그라는 것을 표기하기 위해 태그 끝에 "/"붙였던 방법은 모두 "/"가 없는 방법으로 변경되었습니다.
<hr>, <img>, <input> 태그들도 모두 마찬가지입니다.
앞서 설명한 대로 이런 태그 끝에 "/"붙여도 웹 브라우저가 모두 삭제합니다.
그리니까 사용할 필요가 없는 "사족" 같은 존재이며, 표기할 필요도 없습니다.
다음 HTML 태그 표현은
<br/>
<br />
<hr/>
<img href="./8.jpg"/>
<input type="text" name="test"/>
웹 브라우저에서는 다음과 같이 변경됩니다.
반응형
'HTML&CSS' 카테고리의 다른 글
| <input type="button">, <button>, <button type="button"> 의 차이 (0) | 2021.10.22 |
|---|---|
| 셀렉트 박스(<select>)에 플레이스 홀더(placeholder) 기능 추가하기 (0) | 2021.10.21 |
| 인접한 이미지와 텍스트를 나란히 수직 가운데로 정렬하는 방법 (0) | 2021.10.19 |
| HTML5에서 달라진 ID 이름 작성 규칙 (0) | 2021.10.18 |
| <br> , <br/>, <br /> 어떤게 맞는 것인가? (0) | 2021.10.15 |
| CSS scroll-snap-type 속성으로 자동부착 스크롤 슬라이드 만들기 (0) | 2021.10.13 |
| URL이 없는 하이퍼링크(<a>)에 "#"과 "void(0)"을 사용하는 이유와 차이점 (2) | 2021.10.12 |
| HTML <meta> 태그 기초 (0) | 2021.09.30 |
| 빈 요소와 빈 내용을 표시하는 가상 클래스 선택자 :empty와 :blank 기초 이해 (0) | 2021.09.28 |
