HTML5가 정확히 무엇인지 이야기해 볼까요?

이 기사에서 W3C 브라우저 기술 핵심 표준 실무 멤버인 Mike Smith는 HTML5가 정확히 무엇인지 설명하고 몇 가지 통찰력을 제공합니다. 개발자가 유지해야 할 유용한 리소스 진화하는 표준에 맞춰

웹 플랫폼 업데이트를 진행 중입니다. HTML5는 이 프로세스를 설명하는 데 자주 사용되지만, 반복되는 기술은 HTML5 표준에 정의된 기능으로 제한되지 않습니다.

저는 "웹 플랫폼"(웹 플랫폼form)이라는 용어를 사용하여 웹 브라우저에서 지원할 수 있는 일련의 프로토콜, 형식 및 API를 나타냅니다. 개발자는 이러한 기능을 사용하여 소셜 상호 작용을 지원하고 카메라, 마이크, GPS 기능과 같은 장치 기능을 활용하는 새로운 애플리케이션을 구축합니다. HTTP, TLS 및 WebSocket은 웹 플랫폼의 일부 프로토콜이며 HTML, CSS 및 Javascript는 웹 플랫폼 형식의 몇 가지 예입니다. 웹 플랫폼의 API에는 Geolocation API와

용 API가 포함됩니다. 결국, 기능이 널리 구현되고 개발자가 안정적인 사용자 경험을 만들기 위해 이를 자주 사용한다면 이 기능은 웹 플랫폼의 일부가 됩니다. 월드와이드웹 컨소시엄(W3C)은 이해관계자들을 모아 일부 무료 표준을 개발하고 테스트 세트 및 검증 절차와 같은 지원 리소스를 만드는 데 없어서는 안 될 요소입니다.

표준은 공유 프로토콜로서 매우 유용하지만 웹 플랫폼에는 성숙도가 서로 다른 수많은 기술이 포함되어 있으며 이러한 기술이 모두 표준화된 것은 아닙니다. 개발자가 이러한 기술을 사용할 때 다음과 같은 몇 가지 실질적인 문제에 직면하게 됩니다.

• 특수 사례 코드를 어떻게 줄일 수 있나요?

• 지금 사용하기에 충분히 안정적인 코드는 무엇인가요?

• 최신 브라우저가 없는 사용자는 어떻게 해야 하나요?

이러한 질문에 대한 답변은 시간이 지남에 따라 변경되었으므로 개발자는 폴백 및 "폴리필"(나중에 자세히 설명)과 같은 실용적인 솔루션을 개발했습니다. 최신 브라우저뿐만 아니라 오래된 브라우저도 마찬가지입니다. 이 기사에서는 HTML5 표준의 상태에 초점을 맞추기보다는 개발자가 오늘날의 개방형 웹 플랫폼 기술을 사용하는 데 도움이 되는 몇 가지 유용한 리소스를 살펴보겠습니다. 이러한 리소스는 HTML5 사용의 '원칙과 방법'을 명확하게 설명하고 표준을 보완하며 궁극적으로 배포 속도를 높입니다.

platform.html5.org

바쁜 개발자의 경우 최신 기능을 어떻게 유지해야 하는지, 어떤 폴백과 폴리필(있는 경우)을 사용할 수 있는지 이해해야 합니다. ? 저는 웹 플랫폼을 구성하는 최신 기술에 대해 배울 수 있는 웹사이트 platform.html5.org를 편집하고 있습니다. (github 저장소에 의해 구동되며 저장소를 포크하고 업데이트 요청을 보내 사이트 유지 관리에 도움을 주실 것을 적극 권장합니다.)

이 사이트는 드로잉 및 조판, 멀티미디어 및 저장 등의 기술을 분류합니다. 사이트의 아이콘은 각 기술의 성숙도를 나타냅니다. 작은 녹색 플래그는 기능을 사용할 수 있음을 나타냅니다. 노란색 번개는 "주의해서 사용하세요"를 의미합니다. 그러나 이러한 기능을 실제로 이해하려면 아래에 표시된 몇 가지 유용한 링크를 클릭해야 합니다.

• HTML5 바랍니다

• 언제 사용할 수 있나요…

• MDN(Mozilla 개발자 네트워크)

특히 HTML5 Please 사이트에 대해서는 추가 언급이 필요합니다. H5BP 개발자 집단(HTML5 Boilerplate 뒤에 있는 개발자 그룹)에 의해 만들어졌습니다. 기능을 이름별로 나열하고 각 기능의 성숙도에 대한 높은 수준의 설명을 제공합니다. 또한 각 기능(사용/주의/방지)에 대한 상태 정보를 표시하는 상태 패널도 표시됩니다. 어떤 경우에는 "주의" 및 "사용" 키워드에 "with fallback" 또는 "with polyfill"이 추가됩니다. "대체 포함"의 경우 패널을 확장하여 해당 기능에 대해 대체가 어떻게 제공되는지 정확하게 확인할 수 있습니다.

폴리필은 기능의 심 역할을 하는 Javascript 코드 조각을 의미합니다. 즉, 이전 브라우저에 대체 기능을 제공하는 향후 API를 시뮬레이션합니다.

HTML5 Please의 사이트 관리자는 모든 패널에 '이 정보 편집' 링크를 제공하여 페이지 콘텐츠의 사본을 생성하고 사이트에 제출할 수 있도록 하여 누구나 쉽게 사이트에 참여할 수 있도록 합니다. (이 메커니즘은 github 저장소에서 지원되며 콘텐츠에 대한 모든 수정 사항은 끌어오기 요청으로 제출됩니다.) 이 사이트의 관리자는 콘텐츠를 검토하고 통합합니다.

HTML5 Please가 제공하는 것보다 더 자세한 상태 정보를 보고 싶을 때가 있습니다. 예를 들어, 어떤 브라우저가 특정 브라우저를 지원하는지, 각 브라우저의 어떤 버전이 이를 지원하는지, 모바일 브라우저에서 지원되는 기능과 해당 브라우저의 OS 버전이 어느 정도인지 정확히 알고 싶을 수 있습니다. 이 시점에서 언제 사용할 수 있는지… 사이트를 확인해야 합니다.

언제 사용할 수 있나요?는 Alexis Deveria가 관리합니다. 그는 수많은 기능의 상태를 추적하고 새 버전의 브라우저가 출시되면 사이트를 업데이트합니다. 알고 싶은 기능이 있지만 언제 사용할 수 있는지 사이트에 아직 없는 경우 해당 기능을 추가하도록 제안할 수 있습니다.

이제 언제 사용할 수 있는지에 기록된 모든 기능에 표가 있습니다. 표의 한 열은 주류 데스크톱 브라우저(IE, Firefox, Chrome, Safari 및 Opera)용이고 다른 열은 주류 모바일 브라우저용입니다. 브라우저(iOS Safari, Opera Mini, Opera Mobile 및 Android 브라우저)의 각 줄은 각 브라우저의 버전 번호입니다. 다른 사이트와 마찬가지로 기능에 대한 지원은 각 특정 브라우저 버전에 따라 색상으로 구분됩니다(지원/부분(부분 지원), 지원/아니요(지원되지 않음), 지원/알 수 없음(지원 여부 확실하지 않음)).

예를 들어 CSS 카운터가 어떻게 지원되는지 살펴보세요. 녹색 항목으로 가득 찬 표는 해당 기능이 잘 지원된다는 것을 나타냅니다. 잘 지원되지 않는 기타 기능은 빨간색으로 강조 표시됩니다.

언제 사용할 수 있습니까 사이트의 각 기능 표는 관련 기능 표에 대한 "참조" 링크와 해당 기능 사용 정보를 제공하는 타사 사이트에 대한 링크를 제공합니다. 개발에 이러한 기능을 사용하는 방법.

MDN(Mozilla Developer Network)은 platform.html5.org와 When Can I Use에 대한 링크가 모두 포함된 사이트입니다. MDN을 "어떻게 사용할 수 있나요?" 기능에 대한 가이드로 생각하세요. 예를 들어, 웹 워커를 구현하고 싶고 몇 가지 코드 예제와 자세한 정보가 포함된 리소스에 대한 링크가 필요한 경우 MDN에는 시작하는 데 매우 도움이 될 수 있는 웹 워커 사용 페이지가 있습니다.

HTML5 Please, When Can I Use 및 platform.html5.org와 마찬가지로 MDN도 기여를 환영하며 다른 사이트보다 프로세스를 더 빠르고 쉽게 만듭니다. 전체 사이트가 위키이므로 일단 계정을 만들면 , 어떤 페이지든 편집할 수 있습니다.

테스트 스위트

완전한 테스트 스위트를 보유하는 것보다 기능의 성숙도를 평가하는 더 좋은 방법은 없습니다. 테스트 세트를 직접 실행하고 결과를 분석할 수 있습니다. 웹 플랫폼을 위한 중앙 집중식 라이브러리나 모든 결과를 볼 수 있는 단일 장소는 없지만 W3C는 W3C CSS 워킹 그룹과 마찬가지로 공유 테스트 프레임워크 사이트 작업을 시작했습니다. CSS용 테스트 프레임워크 사이트 구축

이 사이트에서는 각 브라우저 및 각 브라우저 버전에 대한 다양한 테스트 세트의 결과를 찾아볼 수 있습니다. 또한 자체 브라우저에서 테스트 스위트를 실행하고 결과를 제출하여 프레임워크 결과 데이터베이스에 통합할 수도 있습니다. 예를 들어 CSS의 다중 열 레이아웃 모듈은 결과 데이터를 테스트하거나 브라우저에서 자체 테스트 스위트를 실행할 수 있는 시작 페이지를 테스트합니다.

결론

앞서 언급한 사이트는 새로운 웹 플랫폼을 따라가는 데 도움이 될 수 있습니다. 플랫폼이 성숙해지고 더 많은 사람들이 자신의 코드와 경험을 공유함에 따라 더 유용한 사이트가 등장하기를 바랍니다. 저는 여러분이 제가 언급한 사이트를 사용하고 여러분이 발견한 내용을 해당 사이트에 제출하여 웹 플랫폼에 대한 고품질의 최신 정보를 모든 사람과 공유할 수 있기를 바랍니다.

[관련 추천]

1.

무료 h5 온라인 동영상 튜토리얼

HTML5 정식 버전 매뉴얼

3.

php.cn 원본 html5 동영상 튜토리얼

위 내용은 HTML5가 정확히 무엇인지 이야기해 볼까요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!