의견 : HTML5는 최신 HTML 표준입니다. HTML5 웹 사이트를 재개발하는 것은 웹 사이트를 HTML4에서 HTML5로 마이그레이션하는 것보다 훨씬 쉽습니다. 두 버전간에 큰 차이가 있기 때문입니다.
HTML5는 최신 HTML 표준입니다. 조만간 모든 웹 프로그래머는이 최신 표준을 사용해야한다는 것을 알게 될 것입니다. 또한 많은 사람들이 HTML5 웹 사이트를 재개발하는 것이 웹 사이트를 HTML4에서 HTML5로 마이그레이션하는 것보다 훨씬 쉽다고 생각할 것입니다. 두 버전 사이에는 큰 차이가 있기 때문입니다.
실제로, HTML5는 HTML4에 큰 변화를 일으키지 않으며, 그 중 다수는 비슷합니다.
그러나 알아야 할 매우 중요한 차이점이 있습니다. 다음은 html4와 html5의 주요 차이점 중 일부입니다 (모두가 아니라 모두 나열하는 것은 불가능합니다).
1. HTML5 표준은 여전히 공식화되고 있습니다
이 차이점은 분명하지만 매우 중요합니다. 먼저 시작해야합니다. 어쩌면 당신은 html5가 어디에서나 시원하다는 것을 알아 차렸을 것입니다. 그러나 진실은 html5가 미완성 표준이라는 것입니다. HTML4는 이미 10 년이되었지만 여전히 현재 공식 표준이라는 사실은 변경되지 않았습니다.
반면에 HTML5는 여전히 초기 단계에 있으며 향후 수정이 계속 나타날 것입니다. 웹 사이트에 사용하는 새로 추가되거나 수정 된 웹 요소는 매년 시간이 변경되므로 웹 사이트를 지속적으로 업데이트하고 업그레이드해야하므로 원하는 것이 아닙니다. 그렇기 때문에 제품에서 HTML4를 사용하는 것이 더 나은 이유이며 지금까지 실험에서 HTML5 만 사용하는 것이 좋습니다.
2. 단순화 된 구문
더 간단한 DocType 선언은 HTML5의 많은 새로운 기능 중 하나입니다. 이제 <! doctype html>을 작성하면됩니다. HTML5의 구문은 HTML4 및 XHTML1과 호환되지만 SGML 호환은 아닙니다.
3. 플래시를 대체하는 새로운 <canvas> 태그
웹 사용자의 경우 Flash는 놀라움과 고통입니다. 많은 웹 개발자들이 HTML5가 플래시에 올랐던 위협에 매우 불만족합니다. 그러나로드 및 실행하는 데 몇 년이 걸리는 부풀어 오른 플래시 비디오를 지속하는 사람들에게는 새로운 <canvas> 태그로 비디오를 생성하는 기술이 도착했습니다.
현재 <canvas> 태그는 Flash가 가지고있는 모든 기능을 제공 할 수는 없지만 시간이 지나면 웹에서 Flash가 제거 될 것입니다. 많은 사람들이 여전히이 견해에 동의하지 않기 때문에 기다려 봅시다.
4. New <header> 및 <footer> 태그
HTML5는 웹 사이트의 해부학을 더 잘 설명하도록 설계되었습니다. 이것이 바로 <Header>와입니다
웹 사이트의 이러한 부분을 위해 특별히 설계된 <feeSer>와 같은 새로운 마크가 소개됩니다.
웹 사이트를 개발할 때는 더 이상 웹 페이지의 이러한 부분을 표시하기 위해 <div> 태그를 사용하지 않아도됩니다.
5. 새로운 <섹션> 및 <기사> 태그
<header> 및 <feeSer> 태그와 유사하게 HTML5에 도입 된 새로운 <섹션> 및 <기사> 태그를 사용하면 개발자가 이러한 영역을 페이지에 더 잘 레이블을 지정할 수 있습니다.
코드를보다 정리하는 것 외에도 SEO 결과를 개선하고 검색 엔진을 쉽게 분석 할 수 있다고 추측됩니다.
6. New <메뉴> 및 <fig> 태그
새로운 <메뉴> 태그는 일반적인 메뉴 또는 툴바 및 마우스 오른쪽 버튼 클릭 메뉴로 사용할 수 있지만, 이러한 것들은 페이지에서 일반적으로 사용되지는 않습니다.
마찬가지로, 새로운 <fide> 태그는 페이지에서 텍스트와 이미지를 관리하는보다 전문적인 방법입니다. 물론 스타일 시트를 사용하여 텍스트와 이미지를 제어 할 수 있지만 HTML5에 내장 된이 태그를 사용하는 것이 더 적합합니다.
7. 새로운 <Audio> 및 <video> 태그
새로운 <audio> 및 <video> 태그는 아마도 HTML5에 추가 된 두 가지 가장 유용한 두 가지 일 것입니다. 태그 이름과 마찬가지로 오디오 및 비디오 파일을 포함하는 데 사용됩니다.
또한 <prrack>와 같은 새로운 멀티미디어 태그 및 속성이 있으며 비디오 추적을위한 텍스트 정보를 제공하는 데 사용됩니다. 이러한 태그를 사용하면 HTML5는 Web2.0 기능을 점점 더 친숙하게 만듭니다. 문제는 HTML5가 널리 받아 들여지기 전에 Web2.0이 여전히 오래된 Web2.0 이었다는 것입니다.
8. 새로운 양식 디자인
새로운 <form> 및 <forminput> 태그에는 원래 양식 요소에 완전히 새로운 수정이 있으며 많은 새로운 속성 (및 일부 수정)이 있습니다. 양식을 자주 개발하면 시간을내어 더 자세히 연구해야합니다.
9. 더 이상 <b> 및 <font> 태그를 사용하지 않습니다
개인적으로, 이것은 내가 이해하지 못하는 변화입니다. 나는 <b>와 <font> 마크를 제거하는 것이 얼마나 많은 혜택을받을 것이라고 생각하지 않습니다. 공식적인 지침에 따르면이 마커는 CCS를 통해 더 잘 처리 될 수 있지만, 이런 방식으로 기사의 한두 곳에 나타나려면 독립적 인 CSS 및 텍스트 로이 기능을 구현해야합니다. 어쩌면 우리는 앞으로이 방법에 익숙해 질 것입니다.
10. 더 이상 <frame>, <central>, <sig> 태그를 사용하지 않습니다
사실, 나는이 마크가 언제 사용되었는지 기억할 수 없으므로, 나는 그것들을 제거하는 것에 대해 슬퍼하지 않습니다. 같은 이유로 기능을 구현할 수있는 더 나은 마커가 있습니다. 이는 유효하지 않은 마커를 표준에서 제거 할 수 있습니다.
이 10 HTML5와 HTML4의 차이는 완전히 새로운 사양의 작은 부분 일뿐입니다. 이러한 주요 변경 사항 외에도 <OL> 태그의 속성을 수정하여 리버스로 정렬 할 수 있도록하고 <U> 태그를 수정하는 등 약간의 변경 사항을 언급 할 수 있습니다.
이 모든 사소한 변화는 많습니다. 새로운 변경 사항도 증가하고 있으므로 최신 트렌드를 실시간으로 추적하려면 W3.org의 HTML4와 HTML5의 차이점을 자주 볼 필요가 있습니다. 당신이 불안하고 당신의 작품 에서이 새로운 태그와 속성을 사용하고 싶다면, 나는 단지 실험을하는 것이 더 낫다는 것이 좋습니다. 이 새로운 태그와 속성이 미래에 많이 바뀔 수 있다는 이유는 분명해 졌으므로 코드를 계속 업데이트하지 않으면 만료되고 만료 될 가능성이 높습니다.
오늘날 가장 인기있는 브라우저는 HTML5를 지원하지만 일부 새로운 (또는 수정 된) 태그 및 속성은 지원하지 않으므로 페이지가 사용자 화면에서 일치하지 않을 수 있습니다. 참을성있게 기다렸다가 HTML5가 정말 유용 할 수있는시기를 기다리십시오. 아직 시간이 아닙니다.