U E D R , A S I H C RSS

html5/overview (rev. 1.10)

html5/overview

HTML5 개요

  • 자바스크립트 + CSS + HTML의 통합개념
  • 기존의 HTML : 문서를 위한 플랫폼, HTML5 : 웹 어플리케이션을 위한 플랫폼

HTML5 범위

* HTML + XHTML + 요소 + 요건 + 관련 API
* HTML+CSS+JavaScript

달라진점

* 풍부한 웹 어플리케이션 기능 : 웹 어플리케이션의 표현력 증가
  • 동영상/음성
  • 2D 그래픽 처리
  • 오프라인에서 구동가능
  • 도메인간의 통신기능
  • 클라이언트축 데이터 저장
  • 백그라운드 처리 수행
  • 서버로부터의 데이터 푸시
  • 서버와의 쌍방향 통신수행
  • 로컬파일 읽기
  • etc. MathML, SVG등 외부 마크업언어 HTML에 직접 삽입가능 (책 범위 밖)
* 기존 HTML4.- : HTML과 XHTML은 별개의 사양
* HTML5 : HTML과 XHTML은 표현되는 문법의 차이, HTML5는 DOM에 따라 표시됨


* 시맨틱한 마크업
  • 기존 HTML문의 애매모호한 문법 개선
    • <head> <footer> <section> 추가
  • 프로그램이 문서의 구조를 파악하기 쉬워짐(HTML 파싱 수월), 가독성 증가
    • selection : 범용적인 셀렉션
    • aticle : 섹션의 한종류, 페이지에서 독립되어있는 부분 (ex. 블로그웹의 블로그 본문)
    • nav : 사이트 전체 or 내비게이션 메뉴
    • aside : 섹션 내용과 관련되어있지만 없어도 상관없는 부분(ex. 문서 내용 요약)
    • header : 섹션 헤더
    • footer : 섹션의 푸터
    • address : 섹션에 관한 문의처 정보(ex. 회사 전화번호등)
    • time : 날짜, 시작을 나타냄
    • 마이크로 데이터 : 문서에 삽입된 데이터의 속성 데이터(데이터의 데이터, 데이터의 의미가 명확해짐)

더 높은 접근성

* 휴먼 인터페이스에 가까워질수있음

더 높은 호환성

* 버전간 호환성
  • 전방호환성 - HTML5을 적용하기 이전의 브라우저에서도 HTML5사용가능(웹브라우저의 fall back 적용)
    • fall back : 모르는 부분은 무시하는 웹 브라우저의 특성
  • 후방호환성 - HTML5을 적용한 브라우저에서 HTML5 이전 버전 문서 표시가능
* 브라우저간 호환성 : 표준만 따른다면 어떤 브라우저에서도 똑같이 작동한다
이미 사용되고 있는 내용에서 사양을 추출한다

역사

: HTML -> XHTML , XHTML실패, 발전을 멈춘 HTML이 오히려 웹의 발전을 막음. 그래서 각 회사들이 모여 새로운 HTML을 만들기로....
Valid XHTML 1.0! Valid CSS! powered by MoniWiki
last modified 2021-02-07 05:31:41
Processing time 0.0253 sec