[HTML] html이란?/html 기본 구조

Frontend/HTML

joy_95 2021. 9. 21. 20:03

html이 뭐냐고 물으면... 웹사이트의 구조를 만드는 언어라고밖에 대답못하는 나...

그래서 조금 더 알아보기로했다.

HTML이란 무엇일까?

HyperText Markup Language,

해석하면 하이퍼텍스트를 마크업하는 언어다.

하이퍼텍스트란?

웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능

마크업이란?

태그를 사용해 문서에서 어느 부분이 제목이고 본문인지, 어느 부분이 사진이고 링크인지 표시하는 것

즉, 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어가 HTML이라고 정리할 수 있다.

웹 브라우저에게

'이제부터 처리할 문서는 HTML 문서이고 어떤 유형을 사용했으니 그 버전에 맞는 방법으로 해석하라'

라고 알려주는 것.

문서 유형을 선언한 후 실제 문서 정보와 내용이 시작되고 끝나는 것을 표시하는 태그

웹 브라우저 화면에 보이지 않지만 웹 브라우저가 알아야 할 정보들은 모두 <head> 부분에 입력한다.

웹 브라우저의 제목 표시줄에 표시된다.

웹 접근성에도 매우 중요한 요소인데 스크린 리더기가 웹 페이지를 읽을 때 문서의 제목부터 읽기 때문에 제목을 듣고 어떤 내용인지 짐작할 수 있다.

문자 세트 지정하기 : 화면에 글자를 표시할 때 어떤 인코딩 방법을 사용할지 지정하는 것.

<meta charset="UTF-8">

모바일 기기 고려하기

<meta name="viewport" content="width=device-width, initial-scale=1.0">

인터넷 익스플로러 브라우저 고려하기

<meta http-equiv="X-UA-Compatible" content="ie=edge">

인터넷 익스플로러는 최신 웹 기술이 사용된 웹 문서를 제대로 해석하지 못한다. 그래서 IE 사용자까지 고려해야 하는 웹사이트를 제작할 대 다음과 같은 meta태그를 사용해서 현재 웹 문서를 최신 표준 모드로 해석하라고 알려준다.

검색 엔진 고려하기

<meta name="keywords" content="html5, 웹표준">
<meta name="description" content="html5를 통해 웹 표준 공부하기">
<meta name="author" content="Seyoung">

이 정보들은 검색 엔진에서 사이트를 검색할 때 참조하는 정보다.