HTML은 뭐고 HTML5는 뭔데? 다 알려드림

2024. 9. 10. 13:58·웹개발/HTML
728x90

HTML은 HyperText Markup Language의 약자입니다.

웹 페이지를 구조화하고 컨텐츠를 표시하기 위해 사용되는 마크업 언어입니다.
이떄 표시되는 컨텐츠로는 텍스트, 이미지, 링크 등이 있습니다.

 

하지만 시대가 발전할 수록, 렌더링이 더 빨리되고 새로운 요소, 동작 등이 추가되면서 HTML역시 최신 버전이 필요해졌습니다. 그래서 나온 언어가 HTML5입니다.

HTML5는 HTML의 진화버전이다!

 


HTML5에 어떤 특징이 추가되었는데?

1. 플러그인 없이 다양한 미디어 지원이 가능하다.

-> HTML5는 플러그인 없이도 비디오와 오디오를 지원합니다.
<video>와 <audio>
태그를 통해서 사용자는 플래시나 액티브 x와 같은 추가 플러그인 없이도 다양한 미디어 컨텐츠 활용이 가능합니다.

 

2. 2D/3D 그래픽 기능을 제공해준다.

HTML5는
<canvas>와 svg를 통해 2D 및 3D 그래픽을 직접 그릴 수 있는 기능을 제공합니다.

 

3. 새로운 API지원이 가능하다.

 

  • 웹 스토리지: 쿠키보다 더 큰 데이터를 저장할 수 있으며, 클라이언트 측에서 데이터를 저장하고 사용할 수 있습니다.
  • 위치 정보 API: 사용자의 위치 정보를 가져올 수 있어, 위치 기반 서비스를 손쉽게 구현할 수 있습니다.
  • 웹 워커 API: 백그라운드 스크립트를 실행하여 페이지의 성능을 개선합니다.
  • 드래그 앤 드롭 API: 파일을 드래그하여 업로드하는 등 사용자 경험을 향상시킵니다.

 

4. 모바일 웹 최적화

HTML5는 모바일 환경을 고려한 설계가 되어 있으며,
반응형 웹 디자인을 지원하여 다양한 화면 크기에서 일관된 사용자 경험을 제공합니다.

 

728x90

'웹개발 > HTML' 카테고리의 다른 글

HTML5 입력 양식(Form) 가이드  (4) 2024.09.10
HTML 인라인(inline) 요소와 블록(block) 요소  (1) 2024.09.10
HTML <Tag> 총정리  (0) 2024.09.10
HTML 구성요소와 기본구조 설명해드림  (0) 2024.09.10
'웹개발/HTML' 카테고리의 다른 글
  • HTML5 입력 양식(Form) 가이드
  • HTML 인라인(inline) 요소와 블록(block) 요소
  • HTML <Tag> 총정리
  • HTML 구성요소와 기본구조 설명해드림
튼튼발자
튼튼발자
프론트엔드 개발자입니다. 헬스를 가끔해서인지 몸이 튼튼한거 같습니다. 그래서 튼튼한 개발자 => 튼튼발자입니다. 프론트엔드 및 관련 개발 내용 블로그 글로 정리해서 올려둡니다.
    250x250
  • 튼튼발자
    튼튼발자
    튼튼발자
  • 전체
    오늘
    어제
    • 분류 전체보기 (192)
      • 튼튼발자의 끄적끄적 (10)
      • 웹개발 (94)
        • HTML (5)
        • CSS (2)
        • JavaScript (40)
        • TypeScript (5)
        • REACT (22)
        • Next.js (13)
        • GIt (7)
      • 기타 (3)
        • 일상 (3)
      • 프로젝트 (27)
        • Componique: UI 컴포넌트 라이브러리 (18)
        • GitHub Profile Viewer (8)
        • 잇핏 (1)
      • 프론트엔드 개발자로 취업준비 (1)
        • 기술 면접 (7)
        • 코딩 테스트 준비하기 (0)
        • 자기소개서&지원서&이력서 (0)
      • 컴퓨터과학 (12)
        • 운영체제 (6)
        • 알고리즘 (6)
      • 전공 공부 (37)
        • AI(인공지능) (2)
        • 컴퓨터네트워크 (19)
        • 네트워크프로그래밍 (3)
        • SW소프트웨어응용설계 (7)
        • 클라우드컴퓨팅 (3)
        • 웹서비스프로그래밍 (3)
      • PT (0)
      • 취준일기 (0)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    NextJs
    TCP
    componique
    프로그래밍
    프론트엔드
    자바스크립트
    상태관리
    ui컴포넌트
    코딩
    github
    트랜스포트계층
    JavaScript
    react
    JS
    프론트엔드개발
    리액트
    웹개발
    데이터전송
    tailwind
    네트워크
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
튼튼발자
HTML은 뭐고 HTML5는 뭔데? 다 알려드림
상단으로

티스토리툴바