텍스트 관련 태그

Back-end Developer·2022년 8월 19일
0

HTML5

목록 보기
5/10

1. 제목 (Headings) 태그

  • 제목을 나타낼 때 사용
  • <h1> ~ <h6>, 숫자가 클수록 중요한 제목
  • 검색 엔진은 제목 태그를 중요한 의미로 받아들이기 때문에 제목의 의미로만 사용 권장

2. 글자 형태 (Text Formatting) 태그

  • <b>

    • 의미없는 bold체
  • <strong>

    • 의미론적 중요성을 갖는 bold체
  • <i>

    • 의미없는 Italic체
  • <em>

    • 의미론적(중요,강조) 중요성을 갖는 Italic체
  • <small>

    • 글자 크기가 작은 텍스트를 표현
  • <mark>

    • 형광펜으로 칠한 것처럼 하이라이트된(highlighted) 텍스트를 표현
  • <del>

    • 텍스트 한가운데 라인(line)을 추가하여 문서에서 삭제된 텍스트를 표현
  • <ins>

    • 텍스트 아래쪽에 라인(line)을 추가하여 문서에 추가된 텍스트를 표현
  • <sub>/<sup>

    • sub : 아랫첨자(subscript) 텍스트를 표현
    • sup : 윗첨자(superscript) 텍스트를 표현

3. 본문 태그

  • <p>

    • 단락을 지정
  • <strong>

    • (강제)개행 (line break)을 지정
    • 빈 요소로 종료태그 없음
  • <pre>

    • 형식화된 텍스트를 지정
    • 작성된 그대로 브라우저에 표시됨
  • <hr>

    • 수평줄 삽입
  • <q>

    • 짧은 인용문을 지정
  • <blockquote>

    • 긴 인용문 블록을 지정
    • 들여쓰기됨

👨‍🏫 참고

https://poiemaweb.com/html5-tag-text
http://www.tcpschool.com/html-tags

profile
TIL & Project Retrospective

0개의 댓글