html이란?
인터넷상에서 사용자에게 시각적으로 보이는 요소들의 표현하는 언어입니다.
보여주기 위한 언어로써 내부적인 요소가 전혀 없는 그저 보여주기 위한 언어입니다.
형식 :
<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
</head>
<body>
</body>
</html>
설명:
1. <!DOCTYPE> : document type의 약자로 이 문서의 양식의 종류.
기본적으로 웹페이지에 html언어로 작성(코딩)한 파일은 이 양식의 기준으로 해석하여 사용자의 화면으로 보여주게 됩니다.
부가설명:
각 doctype 별로 적용되는 설명 참조
출처: http://unikys.tistory.com/328 에서 불펌한 자료.
2. <html></html> : html 언어의 시작과 끝을 알리는 태그
html이라는 언어가 집이라고 표현한다면 <html> = 입구, </html> = 출구 라고 생각하시면 됩니다.
부가설명:
(1) xmlns="http://www.w3.org/1999/xhtml" : 작성된 문서가 html이 아닌 xhtml을 사용한다는 것을 말합니다.
- xhtml 이란 : html과 거의 비슷하지만 html에 비해 더많은 제약사항을 가지고 있다.
(2) xml:lang="en" : 이 작성된 xhtml의 언어가 무슨 언어이지 표시해줍니다. 한국어가 들어갈 경우 ko로 바꿔주세요
xml:lang="ko"
3. <head></head> : html로 작성된 언어의 정보의 그룹이라고 보시면 됩니다. 이 <head>태그에는 많은 정보를 가지고 있습니다.
작성된 파일의 언어종류, 사이트의 이름, 사이트의 태그종류, 만든이 등등을 담고 있습니다.
부가설명:
(1) <meta></meta> : 실질적으로 사용자에게 보여주는 내용은 없지만 웹브라우저(익스, 크롬, 파이어폭스 등등) 으로 이 파일의
정보를 제공합니다.
(2) http-equiv="Content-Type" content="text/html;charset=UTF-8" :
http-equivalent : "Content-Type" 내용물의 타입은 content="text/html;charset=UTF-8" utf로 정의한다 정도로 해석하시면
될것 같습니다.
이 파일이 실행되기전 이 페이지는 utf-8이라는 문자
인코딩 방식으로 되었다는 것을 명시합니다. (한글일 경우 euc-kr, 혹은 utf-8로 코딩하지 않으면 한글은 깨집니다.)
로컬(내 컴퓨터)에서 서버에 적재하지 않은 후 실행하면 한글이 깨지지 않는 경우도 있지만 서버에 적재해서 모든 사람과
정보를 공유해서 볼경우 한글은 특수문자와 ?로 표시되어서 charset는 꼭 euc-kr이나 utf-8로 선언해주어야 합니다.
4. <body></body> 태그
부가설명 : 실질적으로 사용자에게 보여주는 내용들을 감싼 내용물의 영역이라고 보시면 됩니다.