[HTML 시맨틱] HTML5란?

2024. 12. 5. 16:58·기초 학습/HTML

HTML5 의 정의

MDN 문서에 의하면, HTML5는 HTML의 새로운 버전으로 Client Side Technology 기술의 중심이 되는 마크업 언어이다.
기존의 HTML만으로는 웹서비스를 구성하는 데 한계가 있었지만, HTML5은 JavaScript API와 같은 새로운 기능이 도입하여 클라이언트와 서버의 통신을 지원하고 있으며, 외부 플러그인 없이도 웹 서비스를 제공할 수 있도록 발전하였다.

플러그인이란 웹 브라우저와 연동되는 특정 프로그램으로, 사용자의 PC에 추가 설치해 웹 브라우저의 기능을 확장시키는 추가 프로그램이다. (예: Adobe Flash, Microsoft Silverlight)

 

HTML5의 등장으로 CSS3, 자바스크립트 API를 통해 기능 확장을 하는 것이 가능해졌고, 웹 콘텐츠에 더 많은 의미(semantic) 를 부여할 수 있게 되었다. HTML5 규격으로 개발된 웹사이트는 다양한 웹브라우저와 운영체제에서도 동일한 웹페이지를 표시하며, 추가적인 플러그인 설치 없이도 음악과 동영상의 재생이 가능하다.

HTML5의 개념 및 특징

HTML5는 차세데 웹 표준으로 2014년 10월 28일에 확정되었으며, 멀티 미디어를 포함한 다양한 애플리케이션까지 표현/제공하도록 진화한 "웹 프로그래밍 언어" 이다.

HTML5의 주요 기능

HTML5에는 아래와 같은 기능이 추가되었다. 이는 브라우저의 기능이 확장된 것과 관련이 있다.

  • Device Access : 카메라, 동작센서 등의 H/W 기능을 웹에서 직접 제어
  • CONNECTIVITY (WebSocket) : 웹 (클라이언트)과 간 양방향 통신
  • 3D, GRAPHICS & EFFECTS : 다양한 2차원 및 3차원 그래픽 기능을 지원
  • Styling Effects(CSS3) : 글씨체, 색상, 배경 등 다양한 스타일 및 시각적 효과 제공
  • MULTIMEDIA : 비디오 및 오디오 기능을 플러그인 없이 자체적으로 지원
  • OFFLINE & STORAGE : 네트워크 미지원 환경에서도 웹 이용이 가능하도록 오프라인 저장소 제공
  • Geo-Location: GPS, Wi-Fi, IP 주소, 블루투스 등 다양한 방법을 사용해 단말기의 지리적 위치 정보 제공
  • SEMANTICS : 웹 문서에 의미를 부여하여 콘텐츠에 대한 검색 엔진의 이해를 돕고 사용자 의도에 맞는 맞춤형 검색 결과 제공

HTML5의 발전과 한계

HTML5는 이전 HTML 버전인 HTML4.01의 후속 버전으로, 기존 요소를 개선하거나 제거하고, 새로운 요소와 기능을 추가했다.
HTML5는 웹 표준의 큰 발전을 이뤘지만, 이후에는 HTML Living Standard가 웹 기술의 표준 역할을 이어가고 있다. HTML5는 더 이상 업데이트되지 않으며, Living Standard는 지속적으로 업데이트되고 있다.

참고 자료

  • MDN 문서: HTML5
  • W3C: HTML5
  • Web Club: 티스토리

'기초 학습 > HTML' 카테고리의 다른 글

[HTML 시맨틱] HR, BR, SUP, SUB  (2) 2024.12.05
[HTML 시맨틱] 블록 vs 인라인 요소 (대표: div, span)  (0) 2024.12.05
[HTML 기초] 이미지 요소 - <img>  (2) 2024.12.05
[HTML 기초] 앵커 태그 - <a>  (0) 2024.12.05
[HTML 기초] 목록 태그 (<ol>, <ul>, <li> )  (0) 2024.12.05
'기초 학습/HTML' 카테고리의 다른 글
  • [HTML 시맨틱] HR, BR, SUP, SUB
  • [HTML 시맨틱] 블록 vs 인라인 요소 (대표: div, span)
  • [HTML 기초] 이미지 요소 - <img>
  • [HTML 기초] 앵커 태그 - <a>
뜐🐸
뜐🐸
패왕색 패기를 갖춘 뜐입니다~
  • 뜐🐸
    뜐의 개발 로그
    뜐🐸
  • 전체
    오늘
    어제
    • 분류 전체보기
      • 기초 학습
        • HTML
        • CSS
        • JavaScript
        • Version Co..
        • 미니 프로젝트
        • DOM & 웹 AP..
      • CSS 프레임워크
        • Bootstrap
      • React
        • 개념 정리
        • 기초 정리
      • 알고리즘
        • Week 1: 입출..
        • 재귀
        • 백트래킹
      • javascript
      • FastAPI
        • 크롤링 서버 만들기
      • 전역 상태 관리
        • Redux
      • 한 입 리액트 챌린..
      • 영어
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
    • 글쓰기
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    오블완
    백준 #코딩테스트 #1074번 #재귀 #알고리즘 # 알고리즘 문제풀이
    자바스크립트 #하노이 탑 #재귀 #백준 # 11729
    :hover
    :nth-child(n)
    티스토리챌린지
    inline-block
    :active
    :focus
    가상 선택자
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
뜐🐸
[HTML 시맨틱] HTML5란?
상단으로

티스토리툴바