2022.03.30 Today I Learned📚

Text-level semantics

1. br, wbr

<br> 줄바꿈을 위한 태그

<wbr> 텍스트 박스에서 한 줄로 모두 표시가 안될 때에만 줄바꿈이 일어나게 하는 태그

2. b, strong

<b> 굵은 글꼴을 표혆고 싶을 때 사용. 의미 없이 오직 텍스트를 굵은 글씨로 표현하기 위한 용도이기 때문에 더 이상 사용하지 않음.

<strong> 굵은 글꼴에 중요도를 더해
강조할 때 사용. 중요도를 더 강조하고 싶을 때에는 strong을 중첩함.

3. dfn

<dfn> definition. 현재 문맥에서 정의하고 있는 용어를 나타냄. 가장 가까운 부모가 <p> 혹은 <dt> <dd> 쌍, <section> 요소일 경우 그 컨텐츠를 dfn의 정의에 대한 설명으로 간주. 문서에서 최초로 나타났을 때 사용.

<dl>
	<dt>초콜릿</dt>
	<dd>
	    <dfn>초콜릿</dfn>은 카카오 콩을 재료로 가공한 식품이다. 
	    - 위키백과
	</dd>
</dl>

3. abbr

<abbr> abbreviation.준말, 약자 나타낼 때 사용. 보통 혼자 쓰이고 <dfn>으로 감싸주기도 함. 마우스 올리면 약자 뜻이 Tooltip으로 뜸.

<dl>
	<dt>WWW</dt>
	<dd>
	    <dfn><abbr title="World Wide Web">WWW</abbr></dfn>는 
			인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말한다.
	    - 위키백과
	</dd>
</dl>

4. sup, sub

<sup> superscript. 윗첨자
<sub> subscript. 아랫첨자
<sup> 와 <sub>는 화학기호나 수학공식 등 첨자 기호를 이용해야 하는 곳에서만 사용. 글씨가 조금 작게 표현되기는 하지만 글씨를 작게 표현하려고 사용하지는 않음

<p>H<sub>2</sub>0</p>
<p>x<sup>2</sup>=4</p>

5. span

<span> 줄바꿈 없이 영역 묶는 용도. 의미는 없고 스타일적으로 만들고 싶을 때 사용. 여러 요소를 묶어 컨트롤하기 위해 사용.
<div>와 마찬가지로 최후 수단으로 사용. 글씨를 묶고싶으면 <span>, 요소들을 굵직하게 묶고싶으면 <div>