2-2.HTML5

HTML5 출현 배경

1. 비표준 기술의 혼재, 웹 브라우저의 비 호환성

Active-X나 플러그인, 플래시 등 비표준 기술 난립

브라우저 사이에 HTML 문서와 웹 자원에 대한 심각한 비호환성

2. 인터넷 기기의 다양화

PC, 모바일 단말기 등에서 웹 사용

기존의 웹 페이지가 모바일 기기에서 작동하지 않음

3. 새로운 범용 웹 표준의 필요성

비표준 기술에 의존하는 PC 위주의 기존 웹 방식의 한계

모바일과 PC에서 동시에 사용 가능한 범용 웹 표준 필요성 대두

HTML5 표준과 의의

• HTML5 표준 제정
  W3C와 하이퍼텍스트 워킹 그룹
• 표준에 담긴 내용
  - HTML5, CSS3, JavaScript로 분리 개발
  - HTML 태그에서 문서 모양과 관련된 태그, 속성 폐기
  - 웹 페이지의 플랫폼이나 장치 의존성 제거
  - 문서 작성의 개념을 넘어 웹 애플리케이션
  - 작성을 지원하는 JavaScript API 표준화
  

HTML5 이전과 도입 후 비교

HTML5의 기능

웹 문서 작성을 위한 HTML 태그 셋
웹 애플리케이션 작성을 위한 API

• 웹 폼
• 오디오, 비디오
• 캔버스
• SVG
• 웹 스토리지
• 웹 SQL 데이터베이스
• 인덱스 데이터베이스
• 파일 입출력
• 위치 정보
• 웹 워커
• 웹 소켓
• 오프라인 웹 애플리케이션
  
  

HTML5 문서 편집

• 텍스트 편집기
  메모장, 한글 워드
  Atom, Eclipse, Sublime Text, VS code, NotePad++
  HTML, CSS3, JavaScript 파일 모두 UTF-8

• WYSIWYG(what you see is what you get) 편집기
  Adobe의 Dreamweaver, CotteeCup, FCKeditor
  HTML5 태그 정보 제공
  출력되는 모습 보면서 작성 가능
  간단한 오류 확인