HTML Text 다루기
HTML 의 주요 작업이 브라우저에 텍스트 정보가 올바르게 표현될 수 있게 하는 것이다.
텍스트를 효과적으로 웹브라우저에 표현하는 방법을 정리해본다.
제목과 단락
Headings
<h1>~<h6> 문서의 헤더를 작성할 때 사용합니다
페이지 내에서 바로가기 기준으로 설정할 때가 많습니다
주의사항
- 가급적이면 페이지 당 하나의
<h1>만 사용해야 합니다. 검색엔진이 검색하는 데 어렵습니다. - 계층적으로 순서를 올바르게 사용하세요.
<h3>하위로<h2>를 두지마세요. - 3종 이상의 heading 을 사용하지 마세요. 그래야 할 경우 페이지를 나누세요.
단락 Paragraphs
<p> 글의 단락을 설정하는 태그 입니다.
리스트 List
ul: 순서없는 목록 (Unordered List)ol: 순서있는 목록 (Ordered List)
중요와 강조
<em>: 중요(Emphasis) 글에서는 단어에 강세를 두기 위해 이탤릭체로 표현 (화면판독기에 인식되면 다른 톤의 목소리로 표현됩니다.)<strong>: 강조 - 중요한 단어를 강조하기 위해 강세를 두고 말하거나 글자를 두껍게 표현 (화면판독기에 인식되면 다른 톤의 목소리로 표현됩니다.)
Italic, bold, underline
<i>: 글꼴을 기울인다<b>: 글꼴을 굵은 글씨로 표현한다<u>: 글꼴에 밑줄을 친다.링크가 걸렸다고 착각할 수 도 있다
글자서식 Formatting
글자를 style 을 활용해서 꾸밀 수 있지만 서식 태그로 꾸밀 수 있다.
<mark>: text 에 마크<small>: text 크기를 작게<del>: 취소선<ins>: 밑줄<sub>: 아래첨자<sup>: 윗첨자
사용예제