html5

개요

  • HTML5는 HTML의 최신(2015.08) 버전으로 HTML4를 업그레이드
  • HTML5는 특정 플러그인(Active X)에 의존하지 않고 콘텐츠를 제공하는 것이 목표

image image

  • Active X는 인터넷으로 할 수 있는 일들이 많아 지면서 (정보만 전달 -> 여러가지 웹 어플리케이션 화) 같이 발전하였다.
  • 웹브라우저(Internet Explorer)로 노래듣기, 영상보기, 인터넷 뱅킹, 관공서 업무(동사무소, 시청, 구청) 등의 일들을 하기 위해 여러가지 프로그램들이 개발되었다.
  • 현재(2020년)는 너무 많은 Active X로 인하여 인터넷을 사용하기 더 어려워진 상태.
  • 또한 Internet Explorer에서만 사용가능한 Active X로 인해 웹 접근성 또한 좋지 않게 된다.
  • 이를 해결하고자 (Active X를 사용하지 않도록 하고자) 하는게 HTML5의 목표 중 하나.

WHATWG의 탄생, XHTML 2.0의 실패

  • 2004 애플, 모질라 재단, 오페라 소프트웨어가 공동으로 설립한 WHATWG(Web Hypertext Application Technology Working Group)의 탄생
  • 2007년 W3C가 공개적으로 XHTML2.0 실패 인정

HTML5 탄생

*W3C가 WHATWG(Web Hypertext Application Technology Working Group)의 표준안을 대부분 수용

html5 장점

*완전한 CSS3지원 *비디오와 오디오 지원 *2D/3D 그래픽 지원 *로컬 저장소 지원 *로컬 SQL 데이터베이스 지원 *웹 애플리케이션 지원

html5와 멀티미디어

  • 웹 브라우저에서 비디오나 오디오를 재생 (예전방법 : Adobe Flash)
  • 그래픽을 위한 canvas 요소 지원
  • 벡터 그래픽스를 지원하는 SVG(Scalable Vector Graphics)
  • WebGL 3D를 이용하여 그래픽 지원

html5의 새로운기능

  • 오프라인 웹 어플리케이션 - 네트워크가 연결되지 않은 상태에서도 실행 가능
  • 드래그 앤 드롭(Drag-and-drop) - 요소들을 마우스로 끌어서 넣을 수 있음
  • 웹 스토리지(Web Storage) - 쿠키를 대체할 수 있는 웹 저장소 기능 제공
  • 위치 정보(Geolocation) 제공 - 지도 기능
  • 웹 SQL데이터베이스 (Web SQL Database)
  • 파일 API지원 - 파일 업로드와 파일 관리 기능 제공
  • 웹소켓(WebSocket) API제공 - 서버와 브라우저 간의 양방향 통신 기능 제공

html5 elements

  • https://developer.mozilla.org/en-US/docs/Web/HTML/Element

html4, xhtml에서 있었던, html5에서 삭제된 엘리먼트

  • <big> 큰글씨
  • <u> 밑줄
  • <frame> 프레임
  • <center> 중앙정렬
  • <xmp> 형식화 된
  • <freamset> 프레임 셋
  • <dir> 파일목록
  • <acronym> 두문자어
  • <noframe> 프레임 미지원
  • <font> 글씨 모양
  • <appletr> 애플릿
  • <strike> 가로줄
  • <tt> 타이프체
  • <basefont> 기본서체