HTML5 페이지 아키텍처 (HTML5 BoilerPlates)

저자：Eve Cole 업데이트 시간：2025-03-27 01:32:01

HTML5 아키텍처

HTML5 아키텍처, (HTML5 BoilerPlates)

HTML5 문서의 빠른 생성

HTML5 문서는 작성하기가 매우 쉽습니다. 문서 책임자의 DocType 선언을 변경하면됩니다.

<! doctypehtml>

이런 식으로 이미 HTML5 문서를 만들었습니다. Google의 홈페이지가 어떻게 수행되는지 봅시다

클립 보드에 콘텐츠를 복사하십시오

<! doctypehtml>
<헤드>
<title> html5-googlesearch </title>
<cript>
..

그러나 Google의 확인 및 검색 결과 페이지는 등과 같은 해당 페이지에 여전히 유효하지 않은 태그가 많기 때문에 사용되지 않지만 중요하지 않으므로 현재 HTML5 Doctype에서 구문 분석하기 위해 <cript>와 같은 올바른 태그를 사용하여 여전히 올바른 태그를 사용할 수 있습니다.

HTML5 간단한 예

완전한 HTML5 페이지에는 복잡한 태그가 많이 필요하지 않습니다.

클립 보드에 콘텐츠를 복사하십시오

<! doctypehtml>
<title> smallhtml5 </title>
helloworld

이것은 간단하고 완전한 예입니다.

(흥미롭게도 <title> 태그를 삭제했을 때 Hixie의 DOM 뷰어 구문 분석은 W3C 유효성 검사기를 통해 이루어집니다. 그러나 Henri Sivonen의 유효성 검사기는 이것이 태그없이 유효하지 않다고 말합니다.)

HTML5 무결성 및 호환성

가장 좋은 것은 스타일과 새 태그가 추가 된 완전한 HTML5 예제입니다. 일부 커널 브라우저가 볼 수없는 문제를 해결하기 위해이 문제를 해결하는 JS 스크립트가 있습니다.

<! doctypehtml>
<html>
<헤드>
<metacharset = utf-8/>
<title> html5complete </title>
<!-[ifie]> <scriptsrc = http : //html5shiv.googlecode.com/svn/trunk/html5.js> </script> <! [endif]->
<스타일>
기사, 제외, 세부 사항, 그림, 그림, 바닥 글, 헤더, HGROUP, 메뉴, NAV, 섹션 {display : block;}
</스타일>
</head>
<body>
Helloworld!
</body>
</html>