HTML 잘 몰랐던 태그 정리

suhyeon kang·2023년 4월 28일

HTML에 대한 강의를 들으면서, 생소한 태그들이 있었다
HTML을 무리 없이 사용할 수 있으니 항상 자주 사용하는 태그들만 사용했던 것 같다.
몰라도 되고, 구글링 해서 사용해도 되지만 공부하는 차원에서 정리를 해보려고 한다.

1. strong 태그 VS em 태그

두 태그 모두 강조하는 태그로 알고 사용하지만, 명확하게는 태그가 말하고자 하는 의미가 다름
- strong : 오류 등 위험함을 나타내는 부분에 주로 사용함
- em : 내용 중 강조하고 싶은 내용이 있을 때 사용함

2. sup 태그

위 첨자 태그 (지수나 서수를 표현한다.)
혹시 지수나 서수가 아닌 내용을 위 첨자로 올리려고 한다면 CSS를 이용하자!
예시) 2n

3. sub 태그

아래 첨자 태그 (각주, 변수, 화학식을 표현한다.)
예시) 참고한 레퍼런스1) 는 각주에서 확인하실 수 있습니다.

4. u 태그

철자 오류를 표시하는 가운데 줄
예시) 철자 오류 표시

5. s 태그

더 이상 유효하지 않은 정보를 표시할 때
예시) 이 기사는 삭제되었습니다.

6. blockquote 태그

비교적 긴 인용문에 사용하고, cite 속성으로 출처를 표시함
예시)

7. cite 태그

저작물의 출처를 표시하는 태그. 제목을 반드시 포함해야 한다.
blockquote 태그의 속성값이 아니라 별도의 태그임!

8. q 태그

둘러싼 텍스트가 짧은 인라인 인용문이라는 것을 나타낸다.
대부분의 브라우저에서는 앞과 뒤에 따옴표를 붙여 표현한다.
줄 바꿈이 없는 짧은 경우에 적합함! 긴 인용문은 blockquote 태그를 사용하는 것이 적합!

9. mark 태그

인용문 중 하이라이트 또는 사용자 행동과 연관된 곳을 표시함
(사탕 이라는 단어를 찾으면 사탕이 들어간 곳이 하이라이트로 표시되는 것과 동일하다.)

10. abbr 태그

줄임말 또는 머릿글자를 나타냄.
title 속성으로 원래 형태를 표시한다.

11. a 태그의 target 속성값

- _self : URL을 현재 창에 표시함 (default)
- _blank : URL을 새 창에 표시함
- _parent : URL을 현재 브라우징 맥락의 부모 프레임에 표시함
- _top : URL을 최상단 브라우징에 표시함. 최상위 프레임에 표시
profile
영차영차 개발자

0개의 댓글