HTML Semantic Tags

mechaniccoder·2021년 5월 8일
0
post-custom-banner

dl(description list), dt(description term), dd(description definition)


주로 용어를 설명하거나 질문, 답변에 사용되는 태그입니다.

blockquote, q


blockquote는 블록레벨의 인용구 태그이며, q는 인라인 인용구를 나타냅니다.

abbr


약어를 나타낼때 사용하며 title로 설명을 나타낼 수 있습니다.

<abbr title="hyper text markup language">HTML</abbr>

비슷한 태그로 <acronym> 이 있는데 이는 지원중지 됐습니다. 사용하지 마세요.

address


주소를 나타내는 태그입니다. 사용하면 기울임 스타일이 추가됩니다.

sup, sub


위첨자와 아래첨자를 나타낼 수 있는 태그입니다. 수학의 지수나 로그를 나타낼 때 사용하면 좋을듯 하네요.

컴퓨터 코드를 나타내는 태그들


code : 일반적인 컴퓨터 코드

pre : 코드블록을 나타냅니다. (공백이 유지되는 특징이 있죠.)

var : 변수이름 표시

kbd : 키보드 입력 표시

samp : 프로그램의 출력을 표시

이 뿐만이 아니라 더 다양한 시맨틱 태그들이 존재합니다. 이는 앞으로 등장할때마다 정리하도록 하겠습니다.

profile
세계 최고 수준을 향해 달려가는 개발자입니다.
post-custom-banner

0개의 댓글