HTML과 HTML5의 차이

Xylitol311·2024년 3월 26일

Front-end

목록 보기
2/3

HTML5는 HTML(HyperText Markup Language)의 다음 버전으로, HTML4와 비교하여 다양한 기능 개선이 이루어진 마크업 언어다.

주요 차이점

  1. 새로운 요소 및 API : HTML5는 새로운 요소들을 도입했다. <header>, <footer>, <nav>, <video>, <audio>, <canvas> 등의 요소와 새로운 JavaScript API들 추가되었다.
  2. 멀티미디어 지원 강화 : HTML5는 비디오, 오디오, 그래픽 등 다양한 멀티미디어 콘텐츠에 대한 지원을 강화했다. <video><audio> 요소를 사용하여 비디오 및 오디오를 쉽게 재생할 수 있으며, <canvas> 요소를 사용하여 동적 그래픽을 생성할 수 있다.
  3. 시맨틱 마크업 : HTML5는 시맨틱 마크업을 강화하여 검색 엔진 및 웹 크롤러가 콘텐츠를 더 잘 이해할 수 있도록 업데이트 됐다. 1번에서 언급한 시맨틱 요소들인 <header>, <footer>, <article>, <section>, <nav> 등을 도입하여 웹 페이지의 구조를 더 명확하게 나타낼 수 있다.
  4. 포괄적인 폼 입력 요소: HTML5는 날짜, 시간, 이메일, 숫자 등의 새로운 폼 입력 요소들을 도입하여 사용자 입력이 더 간단해졌고 폼 검증과 관련된 기능도 추가되었다.
  5. 로컬 스토리지 및 웹 저장소: HTML5는 로컬 스토리지와 세션 스토리지, 웹 데이터베이스 등의 기술을 도입하여 클라이언트 측에서 데이터를 저장하고 오프라인에서 애플리케이션을 실행할 수 있는 기능을 제공한다.
  6. 웹 그래픽 및 애니메이션: HTML5는 CSS3, JavaScript와 함께 사용하여 웹 페이지에 그래픽이나 애니메이션을 추가하는 기능을 강화했다.
profile
문제에 도전하고 성장하는 백엔드 개발자입니다.

0개의 댓글