의미 없는 인라인 컨테이너로, 스타일링이나 속성 적용을 위해 사용
- 단순히 묶어서 이 부분만 속성 다르게 지정할 때
- 단어, 구, 또는 작은 텍스트 등 짧은 텍스트 조각을 감쌀 때도 쓰임. (태그 등)
강조(이탤릭 효과), 굵게, 삭제(취소선)
단순 스타일링이 아닌 의미적 강조를 뜻함.
기울임, 굵게, 언더바, 취소선(strike-through)
"의미를 부여하지 않는" 단순 텍스트 스타일링
새 창을 열고, 페이지 내 위치로 이동시키고, 다운로드 등
Next.js에선 Link 컴포넌트를 쓰는 것 추천
이미지를 삽입.
src, alt (접근성, SEO을 위해 필수로 권장됨)
축약형 ( 마우스 갖다대면 길게 뜸 )
title=“마우스 올리면 보여질 텍스트”
code - 코드
pre - 여러줄, 공백포함
var - 변수 특별하게,
kbd - 사용자가 눌러야 하는 키입력 표시
samp - 출력 샘플 제공
줄바꿈이 일어날 수 있을 거 같은 부분에서, 온전히 표현되기를 원할 때 지정.
글자를 읽는 방향 지정
다양한 언어가 혼합된 경우 유용
영어, 프랑스어는 왼쪽에서 오른쪽으로 읽음.
아랍어, 히브리어는 오른쪽에서 왼쪽으로 읽음.
위, 아래, 옆 등에 작은 글씨로 표기
(주로 동아시아 문자의 발음 표기 시 사용)
copyright, legal text 처럼 작게 표시할 부분
