HTML5의 기본 기능 및 구문의 간단한 구성

이 기사는 주로 HTML5의 기본 기능과 구문을 소개합니다. 이는 HTML5 소개의 기본 지식입니다. 필요한 친구는 HTML5 개요를 참조 할 수 있습니다

HTML5는 HTML 4.01, XHTML 1.0 및 XHTML 1.1을 대체하기위한 HTML 표준의 다음 중요한 버전입니다. HTML5는 또한 월드 와이드 웹에서 컨텐츠를 구축하고 제시하는 표준입니다.

HTML5는 월드 와이드 웹 얼라이언스 (W3C)와 하이퍼 텍스트 기술 (WHATWG)에 대한 실무 그룹 간의 공동 작업의 산물입니다.

이 새로운 표준에는 Adobe Flash, Microsoft Silverlight 및 Google Gears와 같은 타사 브라우저 플러그인에 의존하는 데 사용되는 비디오 재생 및 드래그 앤 드롭과 같은 기능이 포함되어 있습니다.

Apple Safari, Mozilla Firefox 및 Opera의 최신 버전은 대부분의 HTML5 기능을 지원하며 IE9는 일부 HTML5 기능을 지원합니다.

iPhone, iPad 및 Android 전화기에 사전 설치된 모바일 브라우저는 모두 HTML5를 지원합니다.

HTML5는 현대 웹 사이트를 구축하는 데 도움이되는 많은 새로운 요소와 속성을 소개합니다. HTML5에서 소개 한 주요 기능은 다음과 같습니다.

새로운 의미 론적 요소 : 예 : <header>, <footer> 및 <섹션>.

양식 2.0 : 개선 된 HTML 웹 양식을 개선하고 <input> 태그에 몇 가지 새로운 속성을 도입했습니다.

영구적 인 로컬 스토리지 : 타사 플러그인을 통해 구현되지 않기 위해.

WebSocket : 웹 애플리케이션을위한 차세대 양방향 통신 기술.

서버 푸시 이벤트 : HTML5는 웹 서버에서 서버 푸시 이벤트 (SSE)라고도하는 웹 브라우저로 이벤트를 소개합니다.

캔버스 : JavaScript를 사용하여 프로그래밍 방식의 2 차원 도면을 지원합니다.

오디오 및 비디오 : 타사 플러그인없이 웹 페이지에 오디오 또는 비디오를 포함시킵니다.

지리적 위치 : 사용자는 웹 페이지와 지리적 위치를 공유하도록 선택할 수 있습니다.

Microdata : HTML5 외부에서 사용자 정의 어휘를 만들고 맞춤형 의미론을 사용하여 웹 페이지를 확장 할 수 있습니다.

드래그 앤 드롭 : 한 위치에서 다른 위치로 동일한 웹 페이지의 항목을 드래그 앤 드롭합니다.

HTML5는 기존 브라우저에 대해 가능한 한 뒤로 호환되도록 설계되었습니다. 새로운 기능은 기존 기능을 기반으로 구축되며 이전 브라우저에 대체 콘텐츠를 제공 할 수 있습니다.

단일 HTML5 기능의 지원을 감지하기 위해 소량의 JavaScript 코드를 사용하는 것이 좋습니다.

HTML5에는 자체 HTML 구문이 있으며 웹에 게시 된 HTML 4 및 XHTML1 문서와 호환되지만 HTML 4에는 더 복잡한 SGML 기능이 없습니다.

html5는 xhtml에 소문자 태그 이름이 필요하지 않으며 속성은 인용되어야하며, 속성에는 값이 있어야하며 모든 빈 요소를 닫아야하는 구문 규칙.

그러나 HTML5는 더 유연하며 다음 형식을 지원합니다.

태그 이름 자본화.

속성에 대한 이중 따옴표는 선택 사항입니다.

속성 값은 선택 사항입니다.

닫힌 빈 요소는 선택 사항입니다.

Doctype

이전 버전의 HTML에서 DocType는 HTML 언어가 SGML을 기반으로하고 DTD를 참조해야하기 때문에 길다.

HTML5 저자는 간단한 구문을 사용하여 다음 형식의 DocType을 지정할 수 있습니다.