HTML, html   HyperText Markup Language   하이퍼텍스트 마크업 언어

(2024-06-16)

1. HTML (Hypertext Markup Language)인터넷 (WWW) 문서를 표현하는 표준화마크업 언어
     - 웹페이지로써 사용되는 표준화된 문서 형식


2. HTML의 특징

  ㅇ 일반 텍스트 문서에다가 구조화된 표현을 가능케함 
     - 내용에 대한 의미 전달 외에도 하이퍼텍스트 구조화 도모
     - 기존의 HTML 2 ~ 4 에서는,
        . 사용 가능한 태그가 한정되고, (확장성 미흡)
        . 웹 문서의 화려한 모양 표현에 한계가 있었으나,
     - HTML 5 부터는,
        . 기존 표현 방식에 유연성,다양성,기능성 등이 도입/확대되기 시작함

  ㅇ ISO/IEC JIC1/SC18에서, 전자 문서화를 위해 표준화시킨 SGML(ISO 8879)의 부분집합
     - 방대한 SGML 표준에서, 특히 하이퍼텍스트의 사용을 강조한 언어


3. HTML의 역사

  ※ 1991년, Tim Berners-Lee에 의해,,
    - 방대한 SGML을 기반으로, 단순화시켜, (20여개 태그들로 만 구성) 만들어짐
       . 후에, 그는 1994년 W3C라는 조직을 설립하게 됨

  ㅇ HTML 2.0   :  1994년, RFC 1866 
  ㅇ HTML 3.2   :  1996년, 테이블, 첨자 기능 등 추가
  ㅇ HTML 4.0   :  1998년, 멀티미디어, 스타일시트 등 지원
     - 웹페이지상의 이벤트를 스트립트(이벤트 핸들러)와 연결 가능토록 함 등
  ㅇ HTML 4.01  :  1999년, HTML 4.0 버그 수정본 (현재의 HTML5 원형)

  ㅇ XHTML 1.0 ~ 2.0  :  2000년, HTML 4.01를 엄격한 XML 문법으로 다시 재 구성한 것
     - W3C에서, 명세가 엄격한 순수 이론적인 언어로써 만들었으나 대중성 확보 실패

  ※ HTML 5     :  2014년10월28일 표준안 확정 발표                             ☞ HTML5 API
     - WHATWG에서, 웹 어플리케이션 1.0 이라는 명칭으로 계속 개발되고 반영되고 있음
        . 즉, 규격 자체가 진화중 임
     - 특징
        . 시각적 효과 이외에 의미적인 문서의 구조화 도모
        . 따로 별도의 플러그인 없이도, 다양한 멀티미디어 감상 가능 등


4. HTML 문서의 기초 문법

  ㅇ 기본 문자셋 
     - 과거에는,  ASCII, ISO 8859-1(Latin-1) 이었으나,
     - HTML 5 부터는,  UTF-8 로 통일됨
  ㅇ 대/소문자 구분 없음
     - 마트업/태그/요소명에 대/소문자 구분 없음
  ㅇ 중첩문 사용 가능
     - 시작 태그,종료 테그 사이에 다른 태그 존재 가능
  ㅇ 주석 : <!-- 주석 -->


5. HTML 문서의 구조

    


6. HTML 문서의 영역 구성                ☞ HTML 기본 구조 요소, 시맨틱 요소 등 참조

  ㅇ 문서 정보 영역 : HTML 문서의 선언 및 문서 유형을 알림
     - HTML 문서의 선언 : <!DOCTYPE html>
        . (위 내용은, HTML5 버전임을 말함)
     - 문서 유형 (document type)
        . 어떤 종류/버전의 마크업 언어인지를 웹브라우저에게 알림
     
     * 이후, HTML 문서 내 코드들은, <html lang='ko'> ... </html>코드 전체를 감쌈     ☞ html 요소
        . (여기서, lang='ko'은, 한국어 문서임을 말함) 

  ㅇ 머리 영역      : 주로, 선언적인 정보 <HEAD> ... </HEAD>head 요소
     - 포함 내용   : 문서 제목, 메타데이터 등이 포함됨
     - 주요 요소들 : title 요소, base 요소, link 요소, meta 요소, style 요소 등

  ㅇ 본문 영역      : 전달할 실제 정보가 표현되는 내용 <BODY> ... </BODY>body 요소
     - 주요 요소들 : header 요소, nav 요소, section 요소, article 요소,
                     aside 요소, footer 요소7. HTML 요소의 구성 및 종류

  ㅇ HTML 요소의 구성  ☞ HTML 요소 구성 참조
     - 요소, 속성, 태그 등

  ㅇ HTML 요소의 종류HTML 요소 종류 참조
     - html 요소, head 요소, meta 요소, form 요소, img 요소

HTML
   1. HTML   2. HTML 용어   3. DHTML  


"본 웹사이트 내 모든 저작물은 원출처를 밝히는 한 자유롭게 사용(상업화포함) 가능합니다"