[ HTML5 ] HTML5 추가 기능 설명

HTML 기본 설명

HTML은 Hypertext Markip Language의 약자로, 웹을 이루는 가장 기초적인 구성 요소로 웹페이지를 기술하기 위한 마크업 언어이다.

웹 콘텐츠의 의미(내용)와 구조를 정의할 때 사용하며, 이를 통해 정보를 구조화 한다. HTML 이외의 다른 기술은 일반적으로 웹 페이지의 모양/표현(CSS), 또는 기능/동작(JavaScript)을 설명하는 데 사용한다.

HTML은 웹브라우저에 표시되는 글과 이미지 등의 다양한 콘텐츠를 표시하기 위해 "마크업"을 사용하고, HTML 마크업은 다양한 "요소"를 사용한다.

요소의 종류에는

<head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <output>, <progress>, <video>, <ul>, <ol>, <li> 등등이 있다.

요소에 대한 자세한 내용은 MDN의 요소 참고서를 보면 상세히 나와있다.

HTML의 요소는 "블록레벨"요소와 "인라인"레벨 요소로 분류된다. 인라인 요소는 콘텐츠의 흐름을 끊지 않고 요소를 구성하는 태그에 할당된 공간만 차지하고, 블록 요소는 부모 요소의 전체 공간을 차지하여 "블록"을 만든다.

인라인 레벨 요소

블록 레벨 요소

HTML5

HTML5는 2014년 10월 28일에 발표되었고, 아래와 같은 기능들이 추가되었다.

멀티미디어(Multimedia)

플래시와 같은 플러그인의 도움없이 비디오 및 오디오 기능을 자체적으로 지원한다.

그래픽(Graphics & Effects)

SVG, 캔버스를 사용한 2차원 그래픽과 CSS3, WebGL을 사용한 3차원 그래픽을 지원한다.

통신(Connectivity)

지금까지의 HTML은 단방향 통신만이 가능하였으나 HTML5는 서버와의 소켓 통신을 지원하므로 서버와의 양방향 통신이 가능하다.

디바이스 접근(Device acess)

카메라, 동작센서 등의 하드웨어 기능을 직접적으로 제어할 수 있다.

오프라인 및 저장소(Offline & Storage)

오프라인 상태에서도 애플리케이션을 동작시킬 수 있다. 이는 HTMl5가 플랫폼으로서 사용될 수 있음을 의미한다.

시맨틱 태그(Semantics)

HTML 요소의 의미를 명확히 설명하는 시맨틱 태그를 도입하여 브라우저, 검색엔진, 개발자 모두에게 콘텐츠의 의미를 명확히 설명할 수 있다. 이를 통해 HTML 요소의 의미를 명확히 해석하고 그 데이터를 활용할 수 있는 시맨틱 웹을 실현할 수 있다.

요소 추가

<header>, <nav>, <article>, <section>, <aside>, <footer>, <audio>, <video>, <canvas>등의 요소가 추가되었다.

CSS3

HTML5는 CSS3를 완벽하게 지원한다.

🌸 출처 🌸

poiemaweb.com

html-MDN
HTML5-wiki

저작자표시 비영리 동일조건

'WEB' 카테고리의 다른 글

[ CSS ] list-style-type알아보기. (0)	2023.07.23
[ WEB ] CSR과 SSR 비교하기 (1)	2023.05.08
[에러] 400 Bad Request Request Header Or Cookie Too Large (0)	2023.02.09
[ WEB ] AJAX에 대해 알아보기. (0)	2023.02.06
[ WEB ] HTTP Header(헤더) - 1 (0)	2022.12.18

🧚🏻 D_Dual Dev Blog🧚🏻

[ HTML5 ] HTML5 추가 기능 설명

HTML 기본 설명

HTML5

'WEB' 카테고리의 다른 글

티스토리툴바

[ HTML5 ] HTML5 추가 기능 설명

HTML 기본 설명

HTML5

'WEB' 카테고리의 다른 글

'WEB' Related Articles

티스토리툴바