[HTML] 텍스트 요소 2

Parkboss·2022년 3월 7일

HTML

목록 보기

5/13

포매팅 - b, strong

b 태그는 독자의 주의를 끌기 위한 용도로 사용합니다. 특별한 중요도는 없다.

strong 태그는 앞뒤 내용을 보고 중요하거나 긴급한 내용일때 쓴다. 

1. 둘 다 브라우저상에서는 굵은 글씨로 나타난다.
2. 스크린리더에서는 stong 태그를 더욱 강조해서 읽어준다.
   그에 반면, b 태그는 강조하지 않고 그냥 읽어준다.

✍ 입력

<p>
저는 이 <b>고글</b>을 추천합니다. 왜냐하면 <b>고글</b>을 착용하니,
안전하게 작업을 할 수 있었습니다.
</p>

<p>
Before, proceeding,
<strong>make sure you put on your safety goggles.</strong>
</p>

💻 출력

저는 이 고글을 추천합니다. 왜냐하면 고글을 착용하니,
안전하게 작업을 할 수 있었습니다.

Before, proceeding,
make sure you put on your safety goggles.

포매팅 - i, em

i 태그는 기술 용어, 외국어 구절, 등장인물의 생각 등에 쓴다.

em 태그는 텍스트의 강조할때 쓴다.

1. 둘 다 브라우저상에서는 기울림꼴로 보인다.
2. 스크린리더에서는 em 태그를 더욱 강조해서 읽어준다.
   그에 반면, i 태그는 강조하지 않고 그냥 읽어준다.

✍ 입력

<!-- em --!>
<h2>em</h2>
<p>Get out of bed <em>now</em>!</p>
<p>그가 <em>어떤 때에</em> 웃는지, 그리고 <em>왜</em> 웃는지 아무도 알지 못했다.</p>

<!-- i --!>
<h2>i</h2>
<p><i>Iron Man</i> is a hero.</p>
<p>노래 가사에 사용된<i>Uno, dos, tres, cuatro!</i>는 스페인어로 하나, 둘, 셋 ,넷을 뜻합니다.</p>

💻 출력

em

Get out of bed now!
그가 어떤 때에 웃는지, 그리고 왜 웃는지 아무도 알지 못했다.

i

Iron Man is a hero.
노래 가사에 사용돤 Uno, dos, tres, cuatro!는 스페인어로 하나, 둘, 셋, 넷을 뜻합니다.

포매팅 - mark, small, sub, sup

mark 태그는 현재 맥락에 중요해 표시 또는 하이라이트한 부분을 나타낸다.

small 태그는 덧붙이는 글이나, 저작권과 법률 표기 등의 작은 텍스트를 나타낸다.

sup 태그는 위 첨자 요소로 거듭제곱의 지수 표기이다.

sub 태그는 아래 첨자 요소로 각주표기, 변수, 화학식에서 많이 쓰인다.

참조에서 예시 확인하세요!

포매팅 - del, ins, code, kbd

del 태그는 제거된 텍스트를 타나낸다.

ins 태그는 추가된 텍스트를 나타낸다.

code 태그는 인라인 코드 요소로 짧은 코드 조각을 나타낸다.

kbd 태그는 키보드 입력, 음성등을 나타낼때 쓴다.

1.del 과 ins 태그는 cite의 회의록, 이슈 추적 시스템의 티켓 번호 등 변경점을 
설명하는 소소의 URL을 쓴다.

참조에서 예시 확인하세요!