<!DOCTYPE html> 태그
웹 문서의 유형을 지정하는 선언문이다.
<!DOCTYPE html> 태그는 웹 브라우저에 현재 문서가 HTML5라고 알려준다.
<html> 태그
웹 문서의 시작을 알리는 태그로써 HTML 파일의 시작과 끝을 표시한다.
<html>과 </html> 태그 사이에 웹 문서 소스를 작성한다.
</html> 태그 뒤에는 아무 내용도 없어야 한다.
<head> 태그
웹 브라우저에 문서 정보를 알려주는 태그로써
<head> 영역의 내용은 대부분 웹 브라우저 화면에는 보이지 않는다.
head 영역에서는 <meta>, <title> 태그를 사용한다.
① <meta> 태그
문자 세트를 비롯해 문서 정보가 들어있는 태그
웹 브라우저에는 보이지 않지만 웹 문서와 관련된 정보를 지정할 때 사용한다.
가장 중요한 역할은 화면에 글자를 표시할 때 어떤 인코딩을 사용할지 지정하는 것이다.
웹 서버는 영어가 기본이므로 화면에 한글로 된 내용을 표시할 때에는
다음과 같이 UTF-8이라는 문자 세트를 사용한다고 웹 브라우저에 알려주어야 한다.
<meta charset="UTF-8">
그 밖에도 <meta> 태그를 사용해서 웹 사이트의 키워드, 간단한 설명, 제작자 등의 정보를 지정할 수도 있다.
② <title> 태그
문서 제목을 나타내는 태그
<title>과 </title> 태그 사이에 입력한 내용은 웹 브라우저의 제목 표시줄에 표시된다.
<body> 태그
웹 브라우저에 내용을 표시하는 태그이다.
<body>와 </body> 사이에는 실제 웹 브라우저에 표시할 내용을 입력한다.
위의 태그들을 사용하여 기본 구조를 갖춘 파일을 만들어 보았다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>컴공과 컴맹숙</title>
</head>
<body>
가나다라마바사아자차카타파하
</body>
</html>
Do it! HTML+CSS+자바스크립트 웹 표준의 정석 교재를 참고하여 작성했다.