HTML4 와 HTML5 초안 의 주요 차이점은 무엇입니까 ?

변경된 구문 및 추가 / 제거 된 html 요소와 관련된 답변을 유지하십시오.

HTML5에는 HTML4와 차별화되는 몇 가지 목표가 있습니다.

잘못된 문서 처리시 일관성

기본은 일관되고 정의 된 오류 처리 입니다. 아시다시피, HTML은 의도적으로 '태그 수프'또는 잘못된 코드를 작성하여 유효한 문서로 수정하는 기능을 지원합니다. 문제는이를위한 규칙이 어디에도 기록되어 있지 않다는 것입니다. 새로운 브라우저 공급 업체가 시장에 진입하려고 할 때 다양한 브라우저 (특히 IE)에서 잘못된 문서를 테스트하고 오류 처리를 리버스 엔지니어링하면됩니다. 그렇지 않으면 많은 페이지가 올바르게 표시되지 않습니다 (적어도 약 90 %의 페이지가 인터넷에 배치 된 것으로 추정).

따라서 HTML5는이 오류 처리를 발견하고 코드화하려고 시도하므로 브라우저 개발자가 모든 것을 표준화하고 일관되게 표시하는 데 필요한 시간과 비용을 크게 줄일 수 있습니다. 또한 HTML이 문서 형식으로 죽은 후에도 역사가들은 여전히 ​​우리의 문서를 읽고 싶어 할 수 있으며 완전히 정의 된 파싱 알고리즘을 사용하면 크게 도움이 될 것입니다.

더 나은 웹 응용 프로그램 기능

HTML5의 두 번째 목표는 HTML, CSS 및 Javascript를 통해 브라우저가 응용 프로그램 플랫폼이 될 수있는 기능을 개발하는 것입니다. 많은 요소 또는 플래시와 같은 JS 기반 해킹 (HTML4에서) 현재 언어에 직접 첨가되고 <canvas>, <video>그리고 <audio>. 로컬 저장소 (쿠키가 보유 할 수있는 것 이상의 정보를 저장하기위한 js 액세스 가능한 브라우저 내장 키-값 데이터베이스)와 같은 유용한 것, 브라우저가 쉬운 사용자 인터페이스를 노출 할 수있는 날짜와 같은 새로운 입력 유형 js 기반 달력 날짜 선택기를 사용할 필요가 없으며 브라우저 지원 양식 유효성 검사는 개발자가 웹 응용 프로그램을 훨씬 간단하게 개발하고 사용자가 훨씬 더 빠르게 만들 수있게합니다 (많은 것들이 기본적으로 지원되므로, 자바 스크립트를 통해 해킹하는 대신).

향상된 요소 의미

이 같은 요소를 기존의 더 나은 정의 의미 론적 역할로 HTML5에서 일어나고있는 다른 많은 작은 노력이다 ( <strong>그리고 <em>지금 실제로 평균 뭔가 다른, 그리고도 <b>및 <i>기존 문서를 구문 분석 할 때 잘 작동한다 모호한 의미가) 및 유용에 추가하는 새로운 요소를 의미는 - <article>, <section>, <header>, <aside>, 및 <nav>대부분의 교체해야 <div>더 중요한 것은, 웹 페이지에 사용의를 좀 더 의미 페이지를 만들고 있지만, 쉽게 읽을 수 있습니다 . 더 이상 고통스러운 검사는 무작위 것을 단지 무엇을 볼 수 없습니다 </div>대신 당신은 분명이있을 것이다 - 닫고 </header>, 또는 </article>훨씬 더 직관적 인 문서의 구조를 만들기.

에서 위키 백과 :

• 유연한 구문 분석 및 호환성을위한 새로운 구문 분석 규칙
• 새로운 요소 – 섹션, 비디오, 진행률, 탐색, 미터, 시간, 옆으로, 캔버스
• 새로운 입력 속성 – 날짜 및 시간, 이메일, URL
• 새로운 속성 – 핑, 문자셋, 비동기
• 전역 속성 (모든 요소에 적용 가능) – id, tabindex, repeat
• 더 이상 사용되지 않는 요소 삭제 – 가운데, 글꼴, 스트라이크

전체 차이점에 대해서는 HTML4 : W3C 워킹 그룹 노트 2014 년 12 월 9 일의 HTML5 차이점 을 확인하십시오 . 많은 새로운 요소와 요소 속성이 있습니다. 일부 요소는 제거되었고 다른 요소는 이전과 의미가 다릅니다.

캔버스 사용과 같은 API도 정의되어 차세대 웹 앱을 구축하고 구현이 표준화되도록합니다.

HTML5는 웹 응용 프로그램을 만드는 데 도움이되는 많은 API를 소개합니다. 이들은 어플리케이션에 도입 된 새로운 요소와 함께 사용될 수 있습니다.

• 새로운 비디오 및 오디오 요소와 함께 사용할 수있는 비디오 및 오디오 재생을위한 API입니다.
• 오프라인 웹 응용 프로그램을 활성화하는 API입니다.
• 웹 응용 프로그램이 특정 프로토콜 또는 미디어 유형에 대해 자체 등록 할 수 있도록하는 API입니다.
• 새로운 전역 contenteditable속성 과 결합 된 편집 API
• draggable속성 과 결합 된 드래그 앤 드롭 API .
• 히스토리를 표시하고 페이지를 추가하여 뒤로 단추가 깨지지 않도록하는 API입니다.

이 HTML5 요소 및 속성 목록에 관심이있을 수 있습니다 .

또한 "HTML4"가 아니라 "HTML 4"입니다. 실제로 HTML 5의 경우 두 변형이 모두 사용되지만 의미에는 중요한 차이가 있습니다. HTML 5는 W3C 사양의 이름을 나타내는 반면 "HTML5"는 text/html이 사양을 따르는 MIME 유형을 가진 HTML 파일의 문서 유형입니다 . XHTML 5와 XHTML5의 경우도 마찬가지입니다.

이제 W3c는 사이트에서 공식적인 차이점을 제공합니다.

http://www.w3.org/TR/html5-diff/

HTML 5는 여러분의 코드에 많은 의미를 부여합니다. 또한 멀티미디어 컨텐츠를 임베드하는 기본 솔루션이 있습니다.

나머지는 중요하지만 클라이언트 프로그래밍 언어로 동일한 작업을 수행하지 못하게하는 기술적 인 설탕입니다.

간단히 말해서 html에 비해 훨씬 간단하고 긴 문서 유형이 제거되고 가운데 및 글꼴 태그가 제거됩니다. 나는 또한 내 블로그 에서이 차이에 대답했다 : http://ravisinghblog.in/key-difference-between-html-and-html-5/