[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"> 인터넷 익스프로러 브라우저 고려하기. 인터넷 익스플로러 브라우저에게 호환성을 가장 최신버전으로 맞추어 표시하라는 기능 검색엔진 고...