HTML 텍스트 서식은 어떤 기능일까요? 글씨의 두께, 기울기, 밑줄 등을 조절하는 태그입니다.
HTML 텍스트 서식
HTML Text 서식이란 문자의 특수효과가 자동 삽입된 태그를 말합니다.
HTML 텍스트 서식은 Word, Excel에서 사용했던 글씨 두껍게, 기울이기, 밑줄긋기 등의 효과와 같은 기능입니다.
의미론적 시만텍 태그는 검색 로봇에게 가독성을 높입니다. 일반 태그는 사람에게 가독성이 높습니다. <p> 태그와 <br> 태그의 차이점으로 생각해보면 이해가 쉽습니다.
HTML 글씨 두껍게
<strong>> 태그는 글씨를 두껍게 함과 동시에 검색 로봇에게 해당 부분이 문서에서 중요하다는 의미론적(semantic) 메시지를 보냅니다.
사람과 컴퓨터에게 모두 강조된 부분이 중요하다는 메시지를 줘야 한다면, <strong> 태그를 사용합니다.
strong 태그는 <strong>글씨를 두껍게 강조</strong>하며, 컴퓨터에게도 강조된 부분이 중요하다는 메시지를 전달합니다.<b> 태그는 글씨를 사람 눈에만 두껍게 보여줍니다. 컴퓨터에게는 무시되는 요소입니다.
사람에게만 시각적으로 강조를 하고 컴퓨터에게는 전달하지 않을 경우 <b> 태그를 사용합니다.
b 태그도 <b>글씨를 두껍게</b> 합니다. 하지만 컴퓨터에게 강조의 의미를 전달하지 않습니다.HTML 글씨 기울이기
<em> 태그는 글씨를 기울입니다. 대신 컴퓨터에게 의미론적으로 중요하다는 것을 전달합니다.
<em> 태그는 글씨를 기울일 때 동시에 해당 부분이 중요하다는 것을 검색 로봇에 알리고 싶을 때 사용합니다.
em 태그는 글씨를 기울이고, 해당 부분이 중요하다는 <em>의미론적 메시지</em>를 검색로봇에 전달합니다.<i> 태그는 글씨를 단순히 기울입니다. 사람의 눈에만 시각적인 효과를 구현하며, 검색 로봇은 인지하지 못합니다.
<i> 태그는 시각적으로만 기울이기를 구현해야 될 상황에서 사용합니다.
i 태그는 글씨를 <i>단순 기울이기</i> 효과를 줍니다. i 태그는 검색로봇에 의미론적 중요성을 전달하지 않습니다.HTML 글씨 작게
<small> 태그는 글씨를 작게 만듭니다.
small 태그는 해당 부분을 <small>작은 텍스트</small>로 변환합니다.HTML 글씨 하이라이트
<mark> 태그는 해당 부분을 하이라이트 표시합니다.
mark 태그는 감싸진 부분을 <mark>하이라이트</mark> 표시합니다.HTML 글씨 밑줄
<ins> 태그는 태그 사이에 밑줄을 삽입합니다.
ins 태그는 태그 사이에 <ins>밑줄</ins>을 삽입합니다.HTML 글씨 취소선
<del> 태그는 태그 사이의 값에 취소선을 삽입합니다.
del 태그는 태그 사이의 값에 <del>취소선</del>을 삽입합니다.