HTML5 위주로 아주 간단하게 알아보겠습니다.
HTML은 웹 상에서 콘텐츠를 제작하고 사용자들에게 보여주기 위한 마크업 언어(태그를 이용하여 데이터 구조를 명시)입니다.
최신 표준인 HTML5는 기존의 HTML들과 다르게 접근성을 높여주고 개발자에게 좀 더 간편한 컨텐츠 제작이 가능하도록 만들어졌습니다.
HTML5 장점
1. 시멘틱구조
가장 큰 장점입니다.
시멘틱구조는 태그 자체에 의미를 부여하여 컴퓨터가 컨텐츠 내용을 이해하기 쉽게 만들어줍니다.
다른 HTML에서는 지원해주지 않기때문에 <div>태그에 class와 id 값을 부여해야했습니다. 물론 HTML5에서도 내용에 알맞는 네이밍은 중요하지만요.
예를 하나 들면, <header>태그를 사용하면 안에는 사이트 이름, 로고, 사용자 로그인등이 들어가 있다는 걸 컴퓨터가 유추하기 쉽습니다.
보는건 사용자인데 왜 컴퓨터가 내용을 알고있어하는걸까요?
검색엔진이 어렵기 때문입니다. 컴퓨터는 내용자체를 분석할 수 없습니다. 사용자가 어떤 기능을 사용하고 내용을 보려고 하는지 분별하지 못하면 사용자가 요청하는 내용을 이해하지 못합니다.
컴퓨터가 쉽게 이해할 수 있는 웹사이트가 사용자에게도 쉽습니다.
2. 다양한 태그
기존의 HTML들과 다르게 다양한 태그들이 사용가능합니다.
예) <video>, <audio>,<canvas>, <svg> ...
텍스트와 이미지로만 이루어지는게 아닌 영상과 소리, 다양한 시각적 자료들을 사용하여 웹사이트를 꾸밀 수 있게 되었습니다.
3. 간편해진 HTML 선언
<!DOCTYPE html>
HTML를 만들기 전 선언 한 줄로 HTML5 버전임을 컴퓨터에 알릴 수 있습니다.
4. 앱개발에 알맞음
휴대폰으로 많은 앱들을 사용하기 때문에 작은 화면에서도 많은 정보를 효율적으로 보여줘야합니다.
네이티브 앱 개발은 비싸고 휴대성도 어렵지만, HTML5는 시멘틱태그로 자동검색과 추가적인 설치 없이 빠르게 사용자에게 쓰여집니다.
자세한 내용
http://channy.creation.net/project/html5/html4-differences/
HTML 5 differences from HTML 4
input, button, form 요소에서 formaction, formenctype, formmethod, formnovalidate, and formtarget를 새로 사용 가능합니다. 만약에 이를 사용하면 action, enctype, method, novalidate, target 속성들을 재정의(Override)할 수 있습
channy.creation.net
'HTML' 카테고리의 다른 글
| [HTML] block, inline, inline-block 요소 (0) | 2021.11.14 |
|---|---|
| [HTML] Heading태그 (0) | 2021.11.13 |
