출처 : http://blog.naver.com/PostView.nhn?blogId=rarecat85&logNo=80162550393

HTML이란

 

Hyper Text Markup language

웹 문서를 만들기 위하여 사용하는 기보적인 프로그래밍 언어의 한 종류

하이퍼텍스트를 작성하기 위해 개발됨

 

 

태그(엘리먼트)

 

HTML에서 사용하는 명령어

꺽쇠괄호 <>를 사용하여 나타낸다.

일반적으로 시작태그, 끝태그로 한쌍을 이루고 있으나 img, br같은 홑태그도 있다.

추후 배우게 되겠지만 홑태그를 xhtml에서는 홑태그를 반드시 닫아주어야 한다.

 

 

DOCTYPE

웹페이지를 올바로 처리하기 위해서는 어떤 DTD(Document Type Definition, 문서 유형 정의)를 사용해야 하는지 브라우저에게 알려줘야 유효성 검사가 가능함.

유효성 검사를 하게되면 웹페이지에 원하는 모습으로 표현되고 있는지, 문제가 있는지 알수있음.

유효성검사를 할 수 있는 곳  http://salidator.w3.org/

(IE9에서는 유효성 검사도구가 자체적으로 포함되어있다.)

DOCTYPE선언을 확인후 브라우저 모드를 결정한다.

브라우저 모드에는 표준 호환모드와 비표준 호환모드가 있다.

표준 호환모드는 기술명세서(HTML 문서의 스펙을 정의해 놓은 곳)에 따라서 표시해주고, 비표준 호환모드는 하위 브라우저와의 호환을 고려해 화면에 표시한다.

DOCTYPE을 잘못 선택하면 유효하다고 생각해서 만든 CSS를 적용해도 비표준 호환모드로 동작하여 전혀 다른 결과가 나올 수 있다.

 

요약하자면, 내가 어떤버전의 HTML언어로 이 문서를 쓸건지 브라우저에게 알려주고 그에 맞춰서 해석하라고 하는것.

 

HTML 4.01 DOCTYPE

1. 이전 버전으로 제작된 HTML문서와의 호환성을 위한 DOCTYPE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 

2. 정확판 표준 모드 DOCTYPE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

 

3. 현재는 많이 사용하지 않음, 프레임셋을 이용할 경우 DOCTYPE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/frameset.dtd">

 

XHTML1.0 DOCTYPE

1. 이전 버전으로 제작된 HTML문서와의 호환성을 위한 DOCTYPE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

2. 정확판 표준 모드 DOCTYPE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 

3. 현재는 많이 사용하지 않음, 프레임셋을 이용할 경우 DOCTYPE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

 

XHTML 1.1 DOCTYPE

XHTML1.1 은 1.0을 수정해 만든 것으로 DOCTYPE을 간소화 해버리고, frameset을 인정하지 않는다.

따라서 하나의 DOCTYPE만 가진다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">

 

HTML5 DOCTYPE

마찬가지로 frameset은 지원하지 않는다.

<!DOCTYPE HTML>

 

 

HTML구조

<html>

     <head>

     </head>

     <body>

     </body>

</html>

 

쉽게 설명하자면 <html></html>이 사람이라고 친다면 <head></head>는 머리, 뇌에 해당하고 <body></body>는 몸에 해당한다.

머리에서 생각을 하고 몸에서 행동을 하는 것처럼 <head></head>에는 문서에 대한 각종 정보, 디자인을 담당하는 CSS, 역동적으로 만들어주는 JavaScript등이 위치하고 <body></body>사이에는 실질적으로 웹페이지에 보여지는 내용이 들어간다.


출처 : http://blog.naver.com/PostView.nhn?blogId=rarecat85&logNo=80162550393

:
BLOG main image

공지사항

카테고리

분류 (356)
main (1)
php5 (218)
HTML (36)
javascript (93)
IT 이론과 퍼온정보 (8)
깨작일상 (0)
곧 추가할 내용 (0)
추후 알아볼것들... (0)

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

달력

«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Total :
Today : Yesterday :