HTML5 - 텍스트 서식(<small>태그, <mark>태그, 특수기호태그)

<small> 태그, <mark> 태그

<small> 태그 : small태그도 big과 같이 글자 크기를 작게 표현해 줍니다. 이번에도 처음 정리하면서 알게 된 코드입니다.  css로 통해 글자크기를 줄일 수 있기 때문에 사용하지 않는 코드입니다.

 

<mark> 태그 : mark태그는 글자를 하이라이트로 바꿔주는 역할입니다. mark 기본 색상은 노란색 yellow입니다.

css를 통해 하이라이트 색상을 바꿀 수 있습니다.

 

저는 진짜 가끔씩 mark 사용합니다 주로 사용하진 않습니다. 알아두면 좋은 태그인 거 같습니다.

See the Pen Untitled by 박상훈 (@yvksigii-the-typescripter) on CodePen.

특수기호

특수기호 쓰는 이유는 html에 그대로 사용하면 html 코드에서 <, >, ", & 들이 태그 인식해서 오류를 출력할 수 있으므로      가급적 특수 기호 표현을 사용합니다.

 

&nbsp;  : 띄어쓰기를 필요로 할 때 사용합니다. 저는 주로 사용할 때가 많습니다.

&lt; : 왼쪽 꺾새 모양 < 이걸 표현합니다.

&gt; : 오른쪽 꺾새 모양 > 이걸 표현합니다

&quote; : " 표현합니다 주로 사용하진 않습니다.

&amp; : & 모양을 표현합니다 주로 사용하진 않습니다.

 

특수기호중 &nbsp; 를 제일 많이 사용하는 것 같습니다.

 

See the Pen Untitled by 박상훈 (@yvksigii-the-typescripter) on CodePen.