반응형
<b> 태그
글자를 굵게 표현한다.
<i> 태그
글자를 이탤릭체(기울임체)로 표현한다.
HTML 5 버전에서는 특정 이유(기술용어/외국어문구/소설속인물의생각 등)을 구분하기 위한
의미를 부여하기 위한 목적으로 이용됩니다.
<u> 태그
글자에 밑줄을 표현한다.
<s> 태그
글자에 중간선을 표현한다.
이 외에도 텍스트를 꾸미기 위한 목적의 태그가 많이 있습니다.
아래링크의 Inline text semantics 단락의 태그 정보를 참고하세요!
https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Inline_text_semantics
*추가내용*
시멘틱 마크업이란?
의미론적 마크업, 컴퓨터(브라우저)가 잘 이해할 수 있는 코드.
의미에 맞는 요소 사용
문서의 구조화
인간과 기계가 모두 이해할 수 있는 것이 목표
<b>태그와 <strong>태그
<b>태그와 <strong>태그는 모두 화면상의 굵은 글씨를 표현합니다.
<b>태그는 굵은글씨로 표현되도록 한것이지만
<strong> 태그는 중요한 의미를 표시하기 위해 브라우저가 굵게 표현한 것입니다.
<i>태그와 <em>태그
<i> 태그는 단순히 기울어진 글자를 표현하고
<em> 태그는 글자의 특정 부분을 강조하는 의미를 지닙니다.
<u>태그와 <ins>태그
<u>태그는 단순히 밑줄친 글자를 표현한 것이고
<ins> 태그는 새롭게 추가된 내용을 표시한다는 의미를 가집니다.
<s>태그와 <del>태그
<s>태그는 단순히 글자에 중간선을 그어 표시한 것이고
<del>태그는 내용이 삭제되었다는 의미를 지닙니다.
반응형
'Spec UP - Frontend > 부스트코스_UI 개발' 카테고리의 다른 글
HTML_의미가없는 컨테이너 요소 (0) | 2020.03.17 |
---|---|
HTML_앵커태그(Anchor) (0) | 2020.03.17 |
HTML_제목과 단락 요소 (0) | 2020.03.16 |
HTML 태그 소개 사이트 (0) | 2020.03.16 |
HTML 문서의 기본 구조 (0) | 2020.03.16 |
댓글