[HTML] HTML 구조 및 구성요소, 검색엔진 고려하기

<!doctype html>

현재 문서가 HTML5 언어로 작성된 웹 문서라는 뜻이다.

<html lang="en"></html>

웹 문서의 시작과 끝을 나타내는 태그이다.

웹 브라우저가 <html> 태그를 만나면 </html> 까지의 소스를 읽어 HTML 문법에 맞추어 브라우저에 표시한다.

html 내용에 한글을 넣을것이면 en을 ko 로 수정 --> <html lang="ko">

<head></head>

웹 브라우저가 웹 문서를 해석하기 위해 필요한 정보들을 입력하는 부분이다.

스타일 및 스크립트 등이 head 태그안에 포함된다.

문서에서 사용할 외부 파일들도 이곳에 작성한다.

head 태그에서 가장 중요한 태그는 <title></title> 태그이다.

모든 웹 브라우저의 제목 표시줄에 표시되고 해당 페이지를 방문하는 방문자나 검색엔진은

제목 표시줄의 제목을 보고 페이지 전체의 내용을 추측한다.

<body></body>

실제로 웹 브라우저 화면에 나타날 내용을 작성한다.

<meta charset="UTF-8">

문자 세트 지정하기.

웹 브라우저에게 UTF-8 형식의 글자 인코딩을 알려주는 정보이다.

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

모바일 기기 고려하기.

웹 브라우저를 표시하는 기기(모바일 폰, PC등) 의 사이즈에 따라 맞추는 기능

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

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

인터넷 익스플로러 브라우저에게 호환성을 가장 최신버전으로 맞추어 표시하라는 기능

검색엔진 고려하기

이 정보들은 검색 엔진에서 사이트를 검색할 때 참조하는 정보인데 검색 엔진에 따라 참조하는 정보는 달라질 수 있다.

ex)

프로그래밍 공부 노트