HTML 기초 문법과 태그

디아·2022년 4월 23일
0
post-thumbnail

HTML에서의 공백

html은 두 칸 이상의 공백 또는 개행을 무시한다.
개행이 필요하다면 Linebreak 태그인 <br> 태그를 사용해야 한다.

빈 태그(Empty Tag) / 대체 태그(Replacement Tag)

<br> 혹은 <img>와 같이 종료 태그가 없어 내용이 들어갈 수 없는 태그를 빈 태그(Empty Tag) 라고 하며, <img> 태그와 같은 태그는 브라우저에서 태그가 그 내용(이미지)을 대체하기 때문에 대체 태그(Replacement Tag)라고도 한다.

<u> 태그와 <s> 태그

  • <u> : underline 태그. 텍스트 밑줄 표시
  • <s> : strike 태그. 글자의 취소선 표시.
    예전에 사용되던 취소선 표시 하는 태그인 <strike>는 더이상 사용되지 않는다.(<strike>: Deprecated)

-> 이 두 태그는 시맨틱하지는 않다. 시맨틱 마크업을 위해서는 <u> 대신 <ins> 태그(텍스트에 밑줄 표시, 새롭게 추가된 요소임을 의미)를, <s> 대신 <del> 태그(텍스트에 취소선 표시, 삭제된 요소임을 의미)를 사용하는 것이 좋다.

(쇼핑몰에서 상품의 정가와 할인가를 시멘틱마크업으로 표시한 예)

<i> 태그

텍스트를 이탤릭체(기울임글꼴)로 표현해준다. 기존에는 단순히 시각적으로 이탤릭체 효과만 주었지만 HTML5 버전에서는 그에 더해 기술 용어, 관용어적 표현 등의 텍스트를 다른 일반 텍스트보다 좀더 돋보이게 표현하기 위한 시맨틱 태그로 사용된다. 예를 들어 <i> 태그를 사용한 텍스트는 스크린 리더가 약간 다른 톤으로 표현하여 스크린리더를 사용하는 사용자에게 좀더 의미부여된 텍스트라는 것을 알 수 있게 한다.



참고자료
MDN Web Docs - <i>: The Idiomatic Text element

profile
얼레벌레 프론트엔드 개발자

0개의 댓글