<h1> 태그, 제목을 나타내는 방법

블로그나 메일에서 글을 쓸 때, 글의 제목을 표시할 때 어떻게 설정하는가 ?

 

생활코딩 사이트의 자료.&nbsp;https://opentutorials.org/course/3084/18488

 

위와 같은 에디터가 있다고 했을 때 제목을 설정하는 방법은 두가지가 있을 것이다.

 

생활코딩 사이트의 자료.&nbsp;https://opentutorials.org/course/3084/18488

글자 크기를 키우고, 볼드체로 바꾸는 방법.

 

 

 

생활코딩 사이트의 자료.&nbsp;https://opentutorials.org/course/3084/18488

그리고 포맷이라는 기능으로 설정하는 방법.

 

 

이 두 방법의 차이는 HTML 코드를 보면 확실하게 나타난다.

 

<strong><span style="font-size:22px;">coding</span></strong>

첫번째 경우에서는 글자를 굵게 한 <strong> 태그와 폰트 사이즈를 바꾼 font-size:22px 등의 내용이 복잡하게 나타났다.

 

 

 

<h3>coding</h3>

반면, 포맷을 이용한 방법은 <h3> 태그 하나로 간결하게 나타난 걸 볼 수 있다.

 

 

이러한 차이는 별 거 없어 보이더라도 웹사이트에서 검색을 하였을 때 확연하게 나타난다.

제목을 인식하여 결과를 내보내는 포탈 사이트에서는 '제목'으로 확실하게 명시한 방법이 검색 결과에 더 많이 노출될 것이다.

 

 

다른 코드들도 간결하게 작성하는 것이 메모리, 프로그램 구조 상으로 이로운 경우가 대부분이기에 HTML 코드에서도 중요한 점인 거 같다.