HTML TAG Dictionary

아래 코딩은 웹 2.0 이전의 코딩 방법을 정리해 놓은 것이다.
현제 쓰이고 있는 것도 있지만 웹 표준과 웹 접근성의 문제로 인해 사라진 코딩도 있다.
아래 내용이 필요한 경우는 기존의 웹에서 약간의 리뉴얼을 하게 될 때 필요해 질 수도 있기 때문에 아래 내용을 숙지하고 있으면 웹 2.0과 HTML5에서 적용시 많은 도움이 되리라고 본다.
HTML문서는 기본적으로 시작부분이 있으면 끝나는 부분이 있다.
시작부분은 <와 >사이에 태그명을 넣어주면 되고 끝나는 부분은 <와 >사이에 /태그명을 넣어주면 된다.
단, 몇가지 특수한 태그는 끝나는 부분이 없다.
예} <br> <img ...>
잠시 웹표준형 코딩 방법을 살펴보면 위와 같은 코딩에 자체적으로 /를 넣어준다.
예} <br /> <img ... />
웹 페이지 작성시 필수 입력 사항 doctype
doctype은 웹페이지 작성시 항상 최 상위에 명시 되어야 한다.

trict(엄격): 사용이 중지된 요소를 금지한다.
Transitional(변이): 사용이 중지된 요소를 허용한다.
Frameset(프레임셋): 대부분 프레임 관련 요소에서만 허용한다.

html4,html5,xhtml의 관계

위키 백과 참조

DOCTYPE이란?

웹페이지를 올바르게 처리하게 위해 선언하는 문서 유형 정의(Document Type Definition)를 사용해야하는데 이 부분을 브라우저가 알 수 있어야만 원하는 모습이 제대로 표현된다
DOCTYPE은 문서 유형을 정의하는 구문이라 할 수 있으며 HTML4,XHTML,HTML5에 따라 달라진다.

HTML4.01 DOCTYPE

이전 버전으로 제작된 HTML문서와의 호환성을 유지

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

정확한 표준모드를 유지

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

프레임셋을 사용하는 웹사이트에 사용

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

XHTML1.0 DOCTYPE

이전 버전으로 제작된 HTML문서와의 호환성을 유지

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(일반 xhtml문서의 경우 기존 태그와의 호환성 떄문에 가장 많이 사용되는 doctype형식이다)

정확한 표준모드를 유지

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

프레임셋을 사용하는 웹사이트에 사용
** Frameset은 HTML5의 표준에서 제외되었기 떄문에 가급적 사용하지 않는 것이 바람직하다.

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

XHTML1.1 DOCTYPE

XML과 HTML을 1.0에 비해서 더 강력하게 결합한 형태.
HTML5가 등장한 이후 표준 제작이 중단되었다

<?xml version="1.0" encording="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

HTML5 DOCTYPE

모든 부분에 사용

<!DOCTYPE HTML>
번호 제목 작성자 조회수 작성일
2 <A>...</A> admin 226 2016-04-25
1 <APPLET>...</APPLET> 최고관리자 157 2016-04-25