HTML5는 다음 버전의 HTML 표준입니다. 점점 더 많은 프로그래머가 HTML5에서 웹 사이트를 구축하기 시작했습니다. HTML4와 HTML5를 모두 사용하는 경우 HTML5를 사용한 건물이 HTML4에서 HTML5로 마이그레이션하는 것보다 훨씬 편리하다는 것을 알게 될 것입니다. HTML5는 HTML4를 완전히 파괴하지는 않지만 여전히 많은 유사성을 가지고 있지만 HTML5의 다음 버전 인 HTML5의 주요 차이점도 있습니다. 점점 더 많은 프로그래머가 HTML5에서 웹 사이트를 구축하기 시작했습니다. HTML4와 HTML5를 모두 사용하는 경우 HTML5를 사용한 건물이 HTML4에서 HTML5로 마이그레이션하는 것보다 훨씬 편리하다는 것을 알게 될 것입니다. HTML5는 HTML4를 완전히 파괴하지는 않지만 여전히 많은 유사성을 가지고 있지만 몇 가지 주요 차이점도 있습니다. 다음 으로이 기사를 통해 HTML5와 HTML4의 차이점을 배우겠습니다.
HTML5에 대한 새로운 구조 태그
이전 HTML 페이지에서 모든 사람은 기본적으로 Div+CSS 레이아웃 방법을 사용했습니다. 검색 엔진이 페이지의 내용을 기어 다니면 DIV 중 하나의 내용이 기사 컨텐츠 컨테이너, 내비게이션 모듈 컨테이너 또는 저자가 소개 한 컨테이너라고 추측 할 수 있습니다. 즉, 전체 HTML 문서 구조는 명확하지 않습니다. 이 문제를 해결하기 위해 HTML5는 헤더, 바닥 글, 내비게이션, 기사 내용 등과 같은 구조와 관련된 구조적 요소 태그를 특별히 추가했습니다.
이 새로운 태그에 대해 이야기하기 전에 먼저 일반 페이지의 레이아웃을 살펴 보겠습니다.
위의 그림에서는 일반 페이지에 헤더, 내비게이션, 기사 내용, 첨부 된 오른쪽 막대, 하단 및 기타 모듈이 있음을 매우 명확하게 알 수 있습니다. 우리는 수업을 통해 그것을 구별하고 다른 CSS 스타일을 통해 처리합니다. 그러나 비교적 말하면, 클래스는 일반적인 표준 사양이 아닙니다. 검색 엔진은 특정 부품의 기능 만 추측 할 수 있습니다. 또한이 페이지 프로그램이 시각적 장애가있는 사람들에게 양도되면 문서 구조와 내용은 명확하지 않습니다. 새로운 HTML5 태그로 가져온 새로운 레이아웃은 다음과 같은 상황입니다.
웹 시대의 변화이전 세대의 HTML : HTML 4.01 및 XHTML 1.0의 표준은 오늘 10 년 전에 출시되었으며 웹 쪽의 응용 프로그램도 크게 바뀌 었습니다. 또한 웹 프론트 엔드에는 통합적이고 일반적인 인터넷 표준이 없으며 브라우저간에 비 호환성이 너무 많아서 이러한 브라우저의 호환성을 유지하는 데 너무 많은 시간이 걸립니다. 또 다른 것은 이전의 멀티미디어 운영, 애니메이션 등입니다. 모두 타사 플러그인의 지원이 필요하므로 여러 플랫폼의 호환성 문제가 발생합니다. 이 모든 것은 HTML5의 표준이 될 것이며, 이는 브라우저의 차이와 일부 타사 플러그인의 문제를 근본적으로 해결하여 웹 애플리케이션을보다 표준적이고 다재다능하며 장치 독립적으로 만듭니다.
H5가 2010 년에 공식적으로 나온 이래 주요 브라우저에서 환영하고 지원되었습니다. 현재 업계는 H5로 나아가고 있으며 H5 시대가 곧 올 것입니다.
HTML5는 혁신적인 변화가 아니라 발달의 변화입니다. 또한, 이전의 HTML4 표준 중 다수는 호환 가능했으며 최신 HTML5 표준을 통해 작성된 모든 웹 애플리케이션은 오래된 브라우저에서 쉽게 실행할 수 있습니다. HTML5 표준은 오디오 및 비디오, 로컬 스토리지, 소켓 커뮤니케이션, 애니메이션 등과 같은 많은 실용적인 기능을 이전 응용 프로그램 개발에서 고려하고 업그레이드했습니다. 나는 당신이 관련된 경험이 있다면, 당신은 매우 감동받을 것이라고 믿습니다.
HTML5의 목표는 몇 가지 새로운 태그와 새로운 기능을 통해 더 간단하고 독립적이며 표준 일반 웹 응용 프로그램을 개발하기위한 표준을 제공합니다.
새로운 표준은 브라우저 호환성 문제의 세 가지 주요 문제를 해결하고, 명확한 문서 구조의 문제를 해결하며, 웹 애플리케이션의 제한된 기능과 같은 문제를 해결합니다.
HTML4와 HTML5의 차이1. 일부 구식 HTML4 태그가 취소되었습니다
여기에는 CSS로 완전히 대체 된 <font> 및 <center>와 같은 순수한 효과를 나타내는 마커가 포함됩니다.
기타 취소 된 특성 : 약어, 애플릿,베이스 폰트, 큰, 중앙, DIR, 글꼴, 프레임, 프레임 세트, ISINDEX, NOFRAMES, Strike, TT.
2. 새로운 요소가 추가되었습니다
예를 들어 : 더 똑똑한 양식 태그 : 날짜, 이메일, URL 등; 보다 합리적인 태그 : 섹션, 비디오, 진행, NAV, 미터, 시간, 따로, 캔버스 등
3. 새로운 글로벌 속성 : Contentestable DesignMode Hidden Sapticcheck Tabindex
4. 마크 업 메소드 : 파일 유형 선언의 한 가지 유형 만 있습니다 (<! doctype>) : <! doctype html>.
문자 인코딩 <메타 charset = utf-8>을 지정하십시오
5. 새로운 JS API
6. 호환성을 확인하십시오
태그 요소를 생략 할 수 있습니다
엔드 마크는 허용되지 않습니다 : 예 : Area Base BR
끝 마크를 생략 할 수 있습니다 : 예 : li dt
HTML 헤드와 같은 모든 태그를 생략 할 수 있습니다
코드 예제는 다음과 같습니다. 코드를 복사하십시오