HTML 구조와 형태

HTML 그게 뭔데 ?

 

- 웹(Web)에서 클라이언트(Client)에게 보여 주는 화면 구성의 기반이 되는 언어로써 “<” 와 “>” 사이에
  마크업 태그문자를 삽입하여 웹페이지의 속성이나 화면 출력 등의 기능을 표현.
  확장자의 경우 기본적으로 “html"을 사용하나 3글자의 확장자만을 허용하는 시스템(유닉스 계열)과의
  호환성을 위해 “htm”으로 표기 가능하며 이는 이식성에 유리.
  HTML 문서는 일반적으로 시작태크와 종료태그로 구성되나, 종료태그가 존재하지 않는 태그도 존재.

 

HTML 문서의 기본 구조 형태

 

1. DTD(Document Type Definition) 선언 : 브라우저가 문서 종류에 따른 정확한 해석을 위해 HTML 버전 정보 명시.

2. html 태그 : html 태그의 속성(lang) 명시를 통한 언어(ko, en, ja 등) 설정.
               정확한 언어 설정이 되어야만 스크린 리더(Screen reader)와 같은 웹 접근성 향상을 위한 도구들의
               원활한 활용이 가능하며 이를 통해 웹 표준 지향.
               ( 웹 표준 유효성 검사 https://validator.w3.org - 엑셀 파일 참조 )

3. head 태그 : 문서의 제목과 메타 정보 등의 문서에 대한 부가 정보를 표현하며
               실제 웹 페이지에 표시되지는 않는 영역.
 
4. body 태그 : 실제 웹 페이지상에 구현 할 콘텐츠(Contents)를 구현하는 영역.

 

charset 의 속성

 

- UTF-8 또는 EUC-KR 등의 문자 인코딩(Encoding) 방식을 설정.
      문서에 지정한 charset 과 IDE 의 인코딩 방식이 일치하지 않으면 작성된 HTML 문서
      또는 웹 페이지에 표시되는 한글 텍스트에 대한 깨짐 현상이 발생할 수 있음에 주의.

 

- EUC-KR : 한글 표현이 가능한 인코딩 방식으로 한글과 한자 , 영문등을 표현 가능하며 한글 한 글자를 2byte로 처리.

- UTF-8 : 유니코드로 전세계 문자를 모두 표현  가능하며 한글 한 글자를 3byte로 처리하는 단점이 있으나,  
              공백이나 영문은 1byte로 처리. 따라서 한글 위주의 웹사이트는 EUC-KR 방식이 유리한 반면 글로벌
              호환성을 감안한다면 UTF-8 인코딩 방식이 유리.
    -->
    <meta charset="UTF-8">