HTML 제목(Heading)
-<h1> ~ <h6> 태그로 정의된다.
-가장 중요한 제목은 <h1>, 가장 중요하지 않은 제목은 <h6>로 나타낸다.
e.g.
1 2 3 4 5 6 | <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> | cs |
- 제목에는 자동으로 위,아래에 여백이 생긴다.
HTML 제목의 중요성
-검색엔진은 웹페이지의 <h>태그를 이용하여 키워드를 수집하고 내용을 파악한다.
->따라서 머리글을 사용해야만 검색엔진에 의해 제대로 검색될 확률을 높일 수 있다.
-메인제목에는 <h1>, 다음은 <h2> 그 다음은 <h3>으로 사용해야한다.
참고
HTML 문서에서 텍스트를 <big>태그나 <bold>태그를 사용하기 위해 머리글을 사용하지 않는다.
제목(Heading)의 크기
-각각 HTML제목에는 기본 크기가 있지만, CSS를 사용하여 머리글의 크기를 지정할 수 있다..
e.g.
1 2 | <h1 style="font-size:60px;">Heading 1</h1> <h1>heading 1</h1> | cs |
수평 가로 구분선 <hr>
-HTML페이지의 내용을 구분하거나 분리할때 사용한다.
e.g.
1 2 3 4 5 6 7 | <h1>heading 1</h1> <p>Text 1</p> <hr> <h2>heading 2</h2> <p>Text 2</p> <hr> | cs |
<head> Element
-<head>요소는 HTML 제목과 관련이 없다.
-<head>요소는 메타데이터를 위한 것이다. 메타데이터는 표시되지 않는다.
-메타데이터란 HTML문서에 대한 데이터이다.
-<head>요소는 <html>태그와 <body>태그 사이에 위치한다.
참고-HTML 소스
크롬의 경우, HTML 페이지에 우클릭을 해보면 "페이지 소스 보기"
를 클릭하여 소스를 볼 수 있다.
참고-HTML 요소
또한 F12키를 눌러
위 그림과 같이 요소들을 볼 수 있다.
참고사이트