> 웹 프론트엔드 > H5 튜토리얼 > 유사성_html5 튜토리얼 팁 외에 HTML4와 HTML5의 10가지 주요 차이점

유사성_html5 튜토리얼 팁 외에 HTML4와 HTML5의 10가지 주요 차이점

WBOY
풀어 주다: 2016-05-16 15:50:47
원래의
1332명이 탐색했습니다.

HTML5는 최신 HTML 표준입니다. 조만간 모든 웹 프로그래머는 이 최신 표준을 사용해야 한다는 사실을 깨닫게 될 것입니다. 게다가 많은 사람들은 웹사이트를 개발하는 것보다 HTML5로 웹사이트를 재개발하는 것이 더 어렵다고 느낄 것입니다. 두 버전 간에 상당한 차이가 있기 때문에 HTML4에서 HTML5로 마이그레이션하는 것이 훨씬 쉽습니다.

사실 HTML5는 HTML4와 크게 다르지 않습니다.
그러나 알아야 할 몇 가지 중요한 차이점이 있습니다. 다음은 HTML4와 HTML5의 주요 차이점 중 일부입니다(모두 나열하는 것은 불가능합니다).

1. HTML5 표준은 아직 개발 중입니다.
이것은 첫 번째 차이점은 분명하지만 너무 중요해서 먼저 시작해야 합니다. 아마도 HTML5가 얼마나 멋진지에 대해 많은 이야기가 있다는 것을 눈치채셨을 것입니다. 그러나 현실은 HTML5가 미완성 표준이라는 것입니다. HTML4는 이미 10년이 지났지만 여전히 현재의 공식 표준이라는 사실에는 변함이 없습니다.
한편, HTML5는 아직 초기 단계이며, 향후 수정 사항도 계속해서 나타날 것입니다. 웹사이트에 사용하는 새로 추가되거나 수정되는 웹 요소는 매년 변경되고 웹사이트를 지속적으로 업데이트하고 업그레이드해야 하는데 이는 원하는 바가 아니므로 이 점을 고려해야 합니다. 그렇기 때문에 현재로서는 프로덕션에서는 HTML4를 사용하고 실험에서는 HTML5만 사용하는 것이 더 좋습니다.

2. 단순화된 구문
간단한 doctype 선언은 HTML5의 많은 새로운 기능 중 하나입니다. 이제 만 작성하면 됩니다. HTML5의 구문은 HTML4 및 XHTML1과 호환되지만 SGML은 호환되지 않습니다.

3. Flash를 대체하는 새로운 태그
웹 사용자에게 Flash는 놀라움이자 고통입니다. HTML5가 Flash에 미치는 위협에 불만을 갖고 있는 웹 개발자가 많이 있습니다. 그러나 로드하고 실행하는 데 수년이 걸리는 비대해진 Flash 비디오를 참아내던 분들을 위해 새로운 태그를 사용하여 비디오를 생성하는 기술이 출시되었습니다.
현재 태그는 Flash가 갖고 있는 모든 기능을 제공하지 않지만, 시간이 지나면 Flash는 웹에서 사라질 것입니다. 많은 사람들이 아직 이 견해에 동의하지 않기 때문에 우리는 기다려 봐야 할 것입니다.

4. 새로운

태그
HTML5는 웹사이트의 구조를 더 잘 설명하도록 설계되었습니다. 이것이 바로 웹사이트의 이러한 부분을 표시하기 위해 특별히 설계된

와 같은 새로운 태그가 등장한 이유입니다.
웹사이트를 개발할 때 더 이상 웹페이지의 이러한 부분을 표시하기 위해
태그를 사용할 필요가 없습니다.

5. 새로운
태그
HTML5에 도입된 새로운 < section> 및
태그를 사용하면 개발자가 페이지에서 이러한 영역에 더 나은 라벨을 지정할 수 있습니다.
아마도 코드를 더욱 체계적으로 만드는 것 외에도 SEO 결과를 개선하고 검색 엔진에서 페이지를 더 쉽게 분석할 수 있게 될 것입니다.

6. 새로운 태그
새로운 태그는 툴바에서 마우스 오른쪽 버튼으로 클릭하여 사용할 수 있습니다. 메뉴는 페이지에서 일반적으로 사용되지 않지만
마찬가지로 새로운
태그는 페이지의 텍스트와 이미지를 관리하는 보다 전문적인 방법입니다. 물론 스타일 시트를 사용하여 텍스트와 이미지를 제어할 수 있지만 HTML5에 내장된 이 태그를 사용하는 것이 더 적합합니다.

7. 새로운 또한 동영상 추적을 위한 텍스트 정보를 제공하는 데 사용되는 과 같은 몇 가지 새로운 멀티미디어 태그 및 속성이 있습니다. 이러한 태그를 통해 HTML5는 Web2.0 기능을 더욱 친숙하게 만듭니다. 문제는 HTML5가 널리 수용되기 전에는 Web2.0이 여전히 오래된 Web2.0이라는 것입니다.


8. 새로운 양식 디자인
새로운
태그는 원래 양식 요소에 대한 새로운 수정 사항입니다. (및 일부 수정). 양식을 자주 개발하는 경우 시간을 들여 더 자세히 연구해야 합니다.

9. 더 이상 태그를 사용하지 않습니다
개인적으로는 잘 이해되지 않는 변화입니다. 태그를 제거하는 것은 별로 도움이 되지 않을 것 같습니다. 공식 지침에는 이러한 태그가 CCS에서 더 잘 처리될 수 있다고 나와 있지만 이 경우 기사의 한두 곳에 이 태그가 나타나도록 하려면 별도의 CSS와 텍스트로 수행해야 합니다. 이 기능을 구현하는 것은 서투른 일입니다. 아마도 우리는 앞으로는 이 접근 방식에 익숙해질 것입니다.
10. 더 이상 ,
, 태그를 사용하지 않습니다.
사실 이 태그를 언제 사용했는지 기억이 나지 않습니다. 이 표시를 제거하는 것에 대해 슬퍼하지 마십시오. 마찬가지로, 자신이 수행하는 작업을 수행하는 더 나은 태그가 있습니다. 괜찮습니다. 표준에서 제거된 오래된 태그는 환영합니다.
HTML5와 HTML4의 10가지 차이점은 전체 새 사양의 일부일 뿐입니다. 이러한 주요 변경 사항 외에도
    태그의 속성을 역순으로 정렬할 수 있도록 변경하고
    이 모든 사소한 변경 사항은 많습니다. 그리고 새로운 수정 사항도 계속 추가되고 있기 때문에 최신 동향을 실시간으로 파악하고 싶다면 w3.org의 HTML4와 HTML5 페이지의 차이점을 자주 확인해야 합니다. 참을성이 없고 작업에 이러한 새로운 태그와 속성을 사용하고 싶다면 그 이유가 매우 명확하므로 향후 변경 사항에 큰 영향을 미칠 수 있습니다. 코드를 계속 업데이트하면 최신 버전이 될 가능성이 높습니다.
    현재 가장 인기 있는 브라우저의 최신 버전은 HTML5를 지원하지만 지원하지 않는 새로운(또는 수정된) 태그와 속성이 있으므로 웹페이지가 사용자 화면에 일관되지 않게 나타날 수 있습니다. 인내심을 갖고 HTML5를 실제로 사용할 수 있는 때를 기다리십시오. 아직은 때가 아니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿