키워드: 액티브 X 없는 멀티미디어, 로컬 스토리지, 시멘틱 태그, 웹 소켓, 위치 API, 드래그 앤 드롭

요약

기존에 JS로 구현하던 기능들이 웹 표준으로 도입됨

HTML5는 HTML 최신 버전이며 추가된 중요한 기능은 액티브 X 없이 적용 가능한 멀티미디어, 시맨틱 태그, 웹 저장, 웹 소켓, 드래그 앤 드롭, 위치 api이다.

추가된 기능

• 멀티미디어 태그(video, audio, canvas)
  • 3D, 오디오 영상 등 Active X 설치 없이도 사용 가능

• 로컬 스토리지
  • 웹 사이트 사용자의 정보를 pc에 저장할 수 있는 로컬 스토리지 제공(기존 쿠키 및 세션의 한계 해소)

• 웹 소켓 기능

  • 한 번 연결 후 연결 유지
  • 양방향 통신
  • 실시간 데이터 전송

• 드래그 앤 드롭

  • 이벤트 리스너 기능 추가
    • dragstart: 드래그가 시작될 때 발생
    • drag: 드래그하는 동안 지속적으로 발생
    • dragenter: 드래그한 객체가 드롭 타겟 위에 처음 진입할 때 발생
    • dragleave: 드래그한 객체가 드롭 타겟을 떠날 때 발생
    • dragover: 드래그한 객체가 드롭 타겟 위에 있을 때 지속적으로 발생
    • drop: 객체가 드롭 타겟 위에 드롭될 때 발생
    • dragend: 드래그 작업이 완료(성공적으로 드롭되거나 취소됨)될 때 발생

• 위치 정보 기능( Geolocation API )

  • 기기에 따라 지원 여부가 다름
  • 위도: position.coords.latitude
  • 경도: position.coords.longitude
  • 고도: position.coords.altitude
  • 위치 정확도: position.coords.accuracy
  • 고도 정확도: position.coords.altitudeAccuracy
  • 이동 방향: position.coords.heading
  • 속도: position.coords.speed