얼마 지나지 않아 HTML5는 점점 더 많은 사람들의 관심을 끌기 시작했습니다. W3C는 최종 완성까지 아직 갈 길이 멀다고 밝혔지만 HTML5에 대한 사람들의 기대를 꺾지는 못했습니다. 2007년에 HTML5는 W3C 표준을 향해 나아갔습니다. HTML5의 임무는 풍부한 웹 애플리케이션을 현지화하고 브라우저 플러그인의 족쇄에서 벗어나는 것입니다. W3C는 2008년 1월에 HTML5의 첫 번째 초안을 출시했으며 HTML5 표준의 전체 구현은 2022년 이후가 되어야 가능할 수도 있습니다.
HTML5 란 무엇입니까?
HTML5는 Flash, Silverlight 및 JavaFX와 같은 브라우저 플러그인에 대한 RIA(Rich Internet Programs)의 의존성을 제거하는 것을 목표로 하는 HTML4.01, XHTML 1.0 및 DOM 2 HTML 이후의 또 다른 중요한 버전입니다.
HTML5 요약
HTML5는 HTML 코드에 많은 새로운 기능과 변경 사항을 제공합니다. 다음과 같은 특정 API 스크립트를 사용해야 합니다.
DOM
2D 드로잉을 구현하는 캔버스 객체
제어 가능한 미디어 재생
오프라인 저장
문서 편집
드래그 앤 드롭
문서 간 메시지
브라우저 기록 관리
MIME 유형 및 프로토콜 등록
HTML5를 지원하는 브라우저는 HTML 코드 오류를 보다 유연하게 처리해야 하는 반면, HTML5를 지원하지 않는 브라우저는 HTML5 코드를 무시합니다.
HTML 구문 변경
HTML5에는 새로운 HTML 요소와 속성이 도입되었습니다. 일부는 nav, footer 및 div 요소를 대체하는 기타 요소와 같은 기존 공통 요소의 의미론적 버전입니다. 글꼴, 중심 등 HTML4에서 더 이상 사용되지 않는 일부 요소는 더 이상 사용되지 않습니다. HTML5에 도입된 새로운 HTML 요소는 다음과 같습니다.
기사: 기사
side: 콘텐츠 옆에 있는 사이드바 콘텐츠
오디오: 오디오
캔버스: 2D 드로잉
명령: 명령 버튼
데이터 목록: 드롭다운 선택 상자
세부정보: 개체의 세부정보
대화 상자: 대화 상자
포함: 외부 플러그인 또는 개체
그림: 미디어 개체 및 레이블 텍스트 집합
헤더: 페이지 상단
hgroup: 문서의 특정 부분에 대한 정보
keygen: 양식에서 생성된 키
마크: 표시된 텍스트
미터: 미리 정의된 범위 내의 측정값
nav: 네비게이션 바
출력: 출력
진행률: 진행률 표시줄
rp: 루비 내용을 식별합니다.
rt: 루비 내용에 대한 설명
루비: 루비 내용
섹션: 섹션 정의
출처: 미디어 리소스
시간: 날짜 시간
비디오: 비디오
이러한 새로운 태그를 사용하면 HTML 문서를 더 쉽게 로드하고 검색 엔진이 유용한 정보를 더 쉽게 크롤링할 수 있습니다. 예를 들어, 검색 엔진은 가장 관심 있는 기사 태그의 콘텐츠를 직접 크롤링할 수 있습니다.
HTML5가 대중적인 기술과 어떻게 공존하는가
오늘날의 웹 세계는 다양한 플러그인과 API에 익숙해졌습니다. HTML5는 웹 개발자와 디자이너에게 편리함과 불편함을 가져다 주었습니다. HTML5는 이러한 대중적인 기술과 어떻게 공존할 수 있을까요?
HTML5 및 플래시
이 논쟁은 오랫동안 지속되어 왔습니다. 일부 개발자와 디자이너는 Flash를 악용하여 일부 웹 페이지가 느리게 로드되도록 했으며 HTML5는 희미한 희망을 가져왔습니다. 아직 초기 단계인 HTML5와 이미 10년이 지난 플래시를 비교하는 것은 불공평할 수 있지만 이는 모두가 우려하는 문제이다. Apple이 Flash 지원을 꺼려왔기 때문에 Mac 사용자는 Windows 사용자보다 HTML5의 이점을 더 많이 누릴 수 있습니다. 다음은 Mac 및 Windows 플랫폼 브라우저의 CPU 부하에 대해 Mike Chambers 가 실시한 테스트의 일부입니다.
.jpg)
테스트 결과, 사용하는 브라우저에 따라 Mac 플랫폼의 Flash 성능이 Windows 플랫폼보다 떨어지는 것으로 나타났습니다. 이제 비디오 게임에 관한 한 Flash가 더 나은 선택인 것처럼 보이지만 브라우저에 따라 비디오가 그다지 복잡하지 않은 경우 HTML5가 더 나은 선택입니다. 웹 개발자와 디자이너가 이러한 논쟁에서 알아야 할 점은 Flash에 대한 대안이 있지만 Flash는 확고히 자리 잡고 있으며 클라이언트는 디자인을 개발할 때 대상 고객에 대한 조사를 수행해야 한다는 것입니다.
HTML5 및 IE 9
IE9은 종종 HTML5 호환성을 자랑하지만, IE9은 Windows Modern Graphics API와 PC의 그래픽 가속기 카드를 사용하여 텍스트와 그래픽을 출력하기 때문에 실제로 HTML5를 잘 지원하는 브라우저가 될 것입니다. 지난 3월 MIX 쇼에서 마이크로소프트는 IE9가 GPU 가속 HTML5를 지원해 그래픽 스크롤링, 3D 그래픽 디스플레이, 기타 프로세싱을 그래픽 가속기 카드에 넘겨줄 것이라고 발표했다.
HTML5와 Ajax
현재 HTML 언어의 한 가지 문제점은 그것이 가벼운 애플리케이션 인터페이스라는 것입니다. Ajax를 사용하여 온라인 애플리케이션을 구현하려는 개발자는 HTML을 사용하기가 매우 어렵다는 것을 알게 될 것입니다. Ajaxwith.com은 HTML이 인터페이스 로딩에 적합하고 JavaScript가 명령 실행에 사용된다고 믿습니다. 비록 HTML이 인터페이스 언어로 사용하기 쉽지는 않지만 HTML은 대부분의 개발자에게 얼마나 친숙하기 때문에 여전히 필수 불가결한 요소입니다.
좋은 소식은 HTML5를 사용하면 Ajax 애플리케이션 구현이 더 쉬워진다는 것입니다.
CSS가 포함된 HTML5
h1 및 h2와 같은 태그는 더 이상 사용되지 않으므로 HTML5를 지원하도록 CSS 코드를 구성해야 합니다. HTML5와의 호환성을 확보하려면 CSS 재설정을 사용하여 일반적인 HTML 태그를 대체하는 것이 좋습니다. Workk는 최고의 CSS 재설정이 Eric Meyers CSS 재설정이라고 믿습니다.
HTML5의 장점과 단점
HTML5는 모바일 웹에 더 많은 이점을 가져올 수 있습니다. 그 이유는 현재 모바일 웹이 iPhone이 지배하고 있으며 iPhone은 Flash를 지원하지 않기 때문입니다. HTML5를 사용하면 다른 플랫폼의 모바일 브라우저에서 웹페이지를 더 빠르게 로드할 수도 있습니다. 또 다른 이점은 SEO입니다. Google은 4월 9일에 페이지 로딩 속도가 검색 순위에 영향을 미치므로 HTML5 기반 페이지도 더 빠른 로딩 속도의 이점을 누릴 것이라고 발표했습니다.
그러나 새로운 기술의 출현과 마찬가지로 몇 가지 문제도 있을 것입니다. 웹 디자이너에게 가장 큰 문제는 이러한 새로운 태그의 도입으로 인해 브라우저 간의 통일된 데이터 설명이 부족하다는 것입니다.
HTML5가 널리 채택될 때까지는 HTML5 코드가 어떤 좋은 점과 나쁜 점을 가져올지 완전히 알 수 없습니다. 전반적으로 이는 개발자에게는 큰 변화가 될 것이지만 그래픽 디자이너에게는 아직 명확하지 않습니다.
이 기사의 국제 소스: instantshift.com HTML5: 과대 광고의 가치가 있습니까? (원저자: Shannon Suetos)
중국어 편집 소스: Ruishang Enterprise CMS 웹사이트 콘텐츠 관리 시스템 공식 웹사이트