개발자는 HTML5에 대해 무엇을 기대할 수 있나요?

HTML5에 대한 웹 개발자의 기대는 점점 더 강해지고 있습니다. 문서 중심의 마크업 프로토콜로서 HTML은 점점 더 현대 웹 애플리케이션의 요구 사항을 충족하지 못하고 있습니다. 게다가 이 프로토콜은 10년 이상 업데이트되지 않았습니다. HTML5는 웹에서의 상호 작용, 미디어 및 로컬 작업과 같은 문제를 해결하는 것을 목표로 합니다. 일부 브라우저는 이미 HTML5의 일부 기능을 지원하려고 시도했으며 개발자는 마침내 이러한 웹 플러그인에서 벗어날 것으로 예상됩니다.

그러나 Apple, Google, Mozilla Foundation, Vimeo 및 YouTube와 같은 일부 대형 웹 기술 제조업체가 이 새로운 표준을 지원하기 시작했지만 W3C는 HTML5 이전에는 아직 갈 길이 멀다고 밝혔습니다. 주류 웹이 HTML5로 전환되기까지는 오랜 시간이 걸릴 것이며, 개발자들은 미래를 준비하면서 현재 기술을 사용하여 풍부한 웹 애플리케이션을 디자인하는 방법에 대한 딜레마에 직면해야 합니다. 준비하세요.

리치 웹을 위한 최신 HTML

풍부한 웹 애플리케이션과 HTML 사이에는 좋은 일치가 없습니다. 웹의 아버지인 Tim Berners-Lee는 HTML을 이렇게 봅니다. HTML은 XHTML의 탄생과 함께 W3C도 플랫폼 독립적인 하이퍼텍스트 문서를 만드는 데 사용되는 언어입니다. 웹 페이지를 문서로 간주하도록 변형했습니다.

이는 웹을 애플리케이션 플랫폼으로 간주하는 개발자들을 짜증나게 했습니다. 2004년 Apple, Mozilla Foundation 및 Opera는 WHATWG(Hypertext Application Technology Working Group)를 설립하여 더 많은 웹을 위한 표준 조직을 만들려고 했습니다. 응용 프로그램.

2007년에 XHTML2는 끝없는 논쟁에 휩싸였습니다. 나중에 W3C는 WHATWG의 작업을 흡수하여 이를 HTML5의 표준으로 만들기로 결정했습니다. 이때 Tim Berners-Lee도 응용 프로그램에 올리브 가지를 확장했습니다. 그는 이제 XML을 향한 우리의 노력이 효과가 없는 것 같다고 말했습니다.

HTML의 개발 방향이 바뀌었다고 해서 HTML5도 동시에 진행되고 있다는 차이점은 이미 XML로 변환한 분들에게는 XHTML이 적합할 것이라는 점입니다. 일반 사람들의 경우 개발자가 반드시 XHTML을 사용할 필요는 없습니다.

HTML5: 태그 변경

HTML5는 문서 구조를 개선하는 일부 기능을 포함하여 XHTML 2의 일부 제안을 흡수합니다. 예를 들어, 새로운 HTML 태그 머리글, 바닥글, 대화 상자, 옆글, 푸구어 등을 사용하면 콘텐츠 작성자가 보다 의미론적으로 문서를 만들 수 있습니다. 이러한 상황에서는 항상 div를 사용하십시오.

HTML5에는 콘텐츠와 표현을 분리하려는 노력도 포함되어 있습니다. 개발자는 b 및 i 태그가 여전히 존재한다는 사실에 놀랄 수 있지만 이러한 태그의 의미는 단지 텍스트를 식별하는 것입니다. 굵게 또는 기울임꼴로 표시됩니다. u, 글꼴, 센터 및 스트라이크 태그가 완전히 제거되었습니다.

새로운 표준은 날짜, URL 및 이메일 주소를 포함한 몇 가지 새로운 양식 입력 개체를 적용하고 다른 표준은 비라틴어 문자에 대한 지원을 추가합니다. HTML5는 또한 기계가 읽을 수 있는 태그로 콘텐츠에 주석을 추가하는 방법인 마이크로데이터를 도입하여 시맨틱 웹 처리를 더 간단하게 만듭니다. 전반적으로 이러한 구조 관련 개선을 통해 콘텐츠 제작자는 검색 엔진, 화면 읽기 소프트웨어 등에 더욱 친숙하고 더욱 깔끔하고 관리하기 쉬운 웹 페이지를 만들 수 있습니다.

표준 기반 리치 웹 활성화

그러나 HTML5의 가장 흥미로운 점은 개발자가 그래픽, 애니메이션, 멀티미디어와 같은 풍부한 애플리케이션을 구현할 수 있게 해주는 새로운 API입니다. HTML5 이전에는 이러한 기능을 구현하려면 Flash, RealMdeia, QuikTime과 같은 플러그인이 필요했습니다. 이러한 플러그인 기술은 보안 위험을 초래하기 쉬울 뿐만 아니라 사용 대상도 제한되어 있습니다.

HTML5는 해당 마크업 언어를 사용하여 이러한 문제를 해결합니다. 콘텐츠 제작자는 MathML 및 SVG와 같은 언어를 사용하여 수학 공식 및 그래픽을 만들 수 있습니다. 이러한 언어는 Flash 및 Silverlight와 같은 형식보다 플랫폼 전반에서 사용하기 쉽습니다.

웹 개발자들은 또한 HTML5의 audio 및 ideo 태그를 환영할 것입니다. 이러한 태그를 사용하면 웹 페이지에 미디어를 쉽게 삽입할 수 있습니다. 인코딩 표준은 중립적이므로 브라우저 제조업체는 미디어를 출력하기 위해 원하는 인코딩을 사용할 수 있습니다. Flash를 지원하지 않는 모바일 브라우저에도 도움이 됩니다.

Canvs 태그는 대화형 웹 그래픽을 더 높은 수준으로 끌어올릴 것입니다. 개발자는 JavaScript를 사용하여 캔버스의 개체를 작동하여 실시간 대화형 그래픽 작업은 물론 대화형 게임까지 구현할 수 있습니다. 이러한 변경 사항 외에도 HTML5에는 애플리케이션 데이터를 로컬로 캐시하는 브라우저 기반 프로그램 캐싱도 도입되었습니다(이전 Google Gears 플러그인과 마찬가지로). 이는 웹 프로그램 실행 속도를 높일 뿐만 아니라 일부 프로그램을 오프라인으로 실행할 수 있습니다. 실제로 Google은 이제 Gears에 대한 지원을 서서히 제거하고 HTML5로 완전히 전환하고 있습니다.

브라우저 플러그인: 아직 죽지 않았습니다

HTML5가 너무 많은 새로운 기능을 도입했지만 이러한 플러그인이 하룻밤 사이에 사라질 것이라고 기대하지 마십시오. 계속해서 지원을 받을 수 있도록 합니다. 예를 들어 Vimeo와 YouTube는 비디오 태그를 사용하여 비디오를 출력하기 시작했지만 상황은 그렇게 간단하지 않습니다. W3C는 사용할 인코딩 방식을 결정하지 않았으며 이는 해당 비디오가 모든 장치에서 볼 수 있다는 것을 보장하지 않는다는 것을 의미합니다. 예를 들어 Apple, Google 및 Microsoft는 모두 H.264 인코딩을 장려하지만 오픈 소스 Firefox는 라이센스 문제로 인해 이를 권장하지 않습니다.

또한 모든 기존 시스템이 HTML5로 다시 작성되는 것은 아닙니다. 예를 들어 Google 자체는 더 이상 Google Gears에 대해 낙관적이지 않고 주로 HTML5를 장려하지만 Gooel은 HTML5가 Google Gears의 모든 기능을 구현하고 Google Gears 기반 애플리케이션을 변환할 수 없다는 점을 인정합니다. Pure HTML5로 간단히 구현하는 것은 불가능합니다.

마지막으로, 다양한 브라우저는 웹 개발자가 IE6으로 이동하는 것을 방해합니다. 따라서 이전 버전의 Firefox, Opera 및 Safari는 대다수의 브라우저가 최신 상태로 업그레이드되지 않는 한 HTML5를 지원하지 않습니다. HTML5 지향 개발은 여전히 ​​다양한 어려움에 직면할 것입니다.

얼리 어답터

마이크로소프트는 IE9이 HTML5를 지원할 것이라고 밝혔지만, 이 문제에 대해서도 조심스러운 입장이다. 마이크로소프트는 HTML5 표준이 아직 확립되지 않은 현재, 자사의 브라우저가 대부분의 HTML5 기능을 지원한다고 말하는 것은 부적절하다고 믿고 있다. 실제로 W3C보다 HTML5의 진행 상황을 더 잘 알고 있는 조직은 없습니다. W3C는 HTML5 표준이 아직 성숙하지 않았으며 기능 확립은 2011년까지 완료되지 않을 것이라고 믿습니다. 그럼에도 불구하고 2011년까지는 시간이 걸릴 것입니다. 2022년에는 XHTML1.1에서 HTML5까지 약 15년이 걸린다.

어쨌든 HTML5는 향후 5~10년 안에 가장 최첨단 기술이 될 것입니다. 이를 일찍 채택한 사람들은 인터넷에서 수많은 경험 사이트를 찾을 수 있습니다. 현재 HTML5를 경험하기에 가장 좋은 브라우저는 HTML5를 기반으로 하는 브라우저입니다. Chrome, Safari, Firefox와 같은 Webkit 엔진은 그다지 부드럽지 않습니다. 웹 개발자는 현재 HTML5 초안을 사용하여 실험적인 사이트를 만들 수 있습니다. 물론 현재 브라우저 배포 시스템에는 여전히 몇 가지 문제가 있습니다. 온라인 최고의 HTML5 개발 리소스는 Mark Pilgrim의 탁월한 Dive into HTML5입니다.

HTML5 체험 사이트