Wulin.com의 기사 소개 (www.vevb.com) : HTML5 문서의 일관성 요구 사항을 공식화해야하며 새로운 요소, 속성, API 및 컨텐츠 모델을 사용해야합니다. 이런 식으로, 웹 컨텐츠는 더 오래되거나 유능한 사용자 에이전트에서 우아하게 다운 그레이드 될 수 있습니다. HTML5 양식을 사용하여 설명합시다. 입력에 추가 된 새로운 유형에는 번호, 검색, 범위, 이메일, 날짜, URL 등이 포함됩니다. 이러한 새로운 유형 값은 지원하지 않는 브라우저에 있습니다.
참고 :이 기사의 예제는 코드에 표시되어야하지만 현재 사용중인 DocType는 XHTML1.0이므로 브라우저는 HTML5 코드를 읽을 수 없으며 사전 사례가 없을 수 없습니다.
코드를 읽으므로 단어 만 설명 할 수 있습니다.
불필요한 복잡성을 피하십시오
간결한 솔루션은 가능한 경우 항상 복잡한 솔루션보다 더 인기가 있습니다.
HTML 4.01의 문서 유형은 다음과 같이 설정됩니다 (브라우저 구문 분석으로 인해 각도 브래킷을 생략했습니다) :
! doctype html public- // w3c // dtd html 4.01 // en
XHTML 1.0의 DocType는 다음과 같습니다.
! doctype html public- // w3c // dtd xhtml 1.0 엄격한 // en
HTML 5에서 불필요한 복잡성이 제거되면 DocType가 단순화됩니다 :! DocType HTML
기존 콘텐츠를 지원합니다
기존 컨텐츠는 예상되는 사용자 에이전트 처리 및 동작에 의존하여 예상 기능을 달성합니다.
기존 콘텐츠를 지원한다는 것은 기존 컨텐츠에 대한 100% 지원을 의미합니다.
실제 문제를 해결하십시오
웹 페이지 컨텐츠가 직면 한 문제는 기존의 요구를 충족시킬 수없는 실제 솔루션에 적합하지 않습니다.
예를 들어, 제품 사진, 제품 제목, 제품 소개 등을 포함한 제품 목록과 같은 전체 컨텐츠에 해당하는 HTML 4 또는 XHTML 1을 사용한다고 가정 해 봅시다. 각 세 가지 요소에 세 가지 링크를 추가하고 싶습니다. 그러나 HTML5에서는 태그를 사용 하여이 세 블록을 포함시킬 수 있습니다. 즉, A 태그에는 블록 레벨 요소가 포함되어 있습니다. 이것은 실제 문제를 해결합니다.
진실을 추구하고 실용적입니다
HTML5의 새로운 시맨틱 요소는 진실을 찾는 것과 실용적인 원리를 따르는 반영입니다.
지금 웹 페이지를 보면 다음과 같은 코드가있을 수 있습니다. id = 헤더 id = 탐색 ID = 메인 ID = 사이드 바 ID = 바닥 글은 html5에서 새로 추가 된 태그가 헤더, Nav, 제쳐두고, 바닥 글과 같은 해당 DIV를 대체 할 수 있습니다. 이것이 신분증의 대체라고 생각하지 마십시오. 아니요, 새로운 태그는 실제로 클래스의 교체입니다.이 태그는 페이지에서 재사용 할 수 있기 때문입니다.
안정적인 저하
HTML5 문서의 일관성 요구 사항은 공식화되어야하며 새로운 요소, 속성, API 및 컨텐츠 모델을 활용해야합니다. 이런 식으로, 웹 컨텐츠는 더 오래되거나 유능한 사용자 에이전트에서 우아하게 다운 그레이드 될 수 있습니다.
HTML5 양식을 사용하여 설명합시다. 입력에 추가 된 새로운 유형에는 번호, 검색, 범위, 이메일, 날짜, URL 등이 포함됩니다. 이러한 새로운 유형 값은이를 지원하지 않는 브라우저의 텍스트로 해석됩니다. 따라서 html5 양식을 대담하게 사용할 수 있으며 우아하게 다운 그레이드 할 수 있습니다.
최종 사용자 우선 순위
충돌이 발생하면 최종 사용자가 선호되고 저자, 구현 자, 표준 세터 및 이론적 완벽 함이 선호됩니다.
PDF : HTML5의 설계