개블리셔

[html기본요소] 제목요소(Headline) 본문

FE/HTML

[html기본요소] 제목요소(Headline)

지네123 2020. 12. 22. 22:47

제목요소(Headline)

블록요소의 대표격인 헤드라인 요소, 즉 제목 요소는 말 그대로 제목을 나타내는 요소이다.

헤드라인(headline)을 줄여 h로 사용하며 1부터 6까지 사용할 수 있다. (h1 ~ h6)

숫자가 클수록 하위 제목이며, (스타일 없이 작성하였을 때)웹 브라우저로 확인이 가능할 정도로 크기가 각기 다르다.

이 숫자들은 웹 페이지의 내용 흐름상 중요도를 나타내는데, 대체 텍스트를 위해 항상 순차적으로 노출이 되어야 한다.

한다미로 h1은 일등, h6은 6등이라 생각하면 쉽다 :) 

 

많은 사람들이 같이 코딩을 진행하는 경우가 많은데, 이때 제목요소가 순차적이지 않고 뒤죽박죽 섞여있게 된다면, 어떤 제목이 최우선인지, 어떤 제목이 더 큰 제목인지 코드를 보고 파악할 수가 없다.

유지보수를 위해서라도 제목요소 웹 표준을 지켜야 한다!

 

특히 가장 논란이 많은 제목요소인 h1태그는 웹 페이지의 가장 큰 제목에 사용된다.

h1태그는 남발이 되어서는 안되기때문에 웹 페이지에서 가장 큰 제목을 작성할때 사용하길 추천한다.

(내가 만든 웹 페이지에서 가장 큰 제목은 당연하게 로고이기 때문에 나같은 경우에는 무조건 로고에만 사용한다)

<!DOCTYPE html>
<html>
  <head></head>
  <body>
    <h1>개블리셔</h1>
    <h2>FE/Html</h2>
    <h3>제목요소(Headline)</h3>
  </body>
</html>

 

'FE > HTML' 카테고리의 다른 글

[html기본요소] 문단태그(+ br태그, 특수문자 태그)  (0) 2021.04.13
[html기본요소] 블록요소와 인라인요소  (0) 2020.12.22
[html기본요소] head의 역할  (0) 2020.12.22
[html] Doctype  (0) 2020.12.15
웹표준이란?  (1) 2020.12.15
Comments