HTML

HyperText Markup Language.
Text를 Markup 하는 언어.
HTML === 웹 브라우저가 유일하게 읽을 수 있는 문서.
웹 브라우저가 화면에 뷰를 렌더할때 HTML을 쭉~ 훑는다.
훑은 순서대로 화면에 렌더하기 때문에 HTML의 구조, 컨텐츠를 의미있게 작성해야만 한다.
브라우저가 HTML을 읽고 화면에 렌더할 컨텐츠를 감싸는 태그들이 있다.
태그들은 종속관계(중첩)를 가진다.
이 태그들은 의미가 있는 태그들이 있고, 의미가 없는 태그들이 있다.
그런데 이 의미가 있는 태그들은 HTML5가 나오면서 생겼고, HTML5가 나오기 전에는 의미가 있는 태그들이 없어서 그저 컨텐츠를 감싸고 구조를 만들었다.
의미란 것이 브라우저가 HTML을 읽으면서 태그를 읽었을때 이 태그의 컨텐츠가 이런 의미를 가지고 있단걸 알게됩니다.

의미를 가지고 있는 여러가지 태그들 중에는

<headers> <nav> <article> <section> <aside> <footer> <main>
<figure>

기존 태그들 중에는

<div> <p> <span> <a> <h1,2,3,4,5>

이 있다.(이 외에도 더 있어요~ )

의미가 있는 태그들을 사용하는 궁극적인 목표는 브라우저가 컨텐츠의 성격, 의미를 알게하는 것도 있지만, SEO(검색최적화)의 효율 높이기 위한것도 있다.