Arquitetura de página HTML5 (PLOILERPLATES HTML5)

Autor：Eve Cole Data da Última Atualização：2025-03-27 01:32:01

Arquitetura HTML5

Arquitetura HTML5, (HTML5 Boilerplates)

Criação rápida de documentos HTML5

A documentação HTML5 é muito fácil de criar, você só precisa alterar a declaração de Doctype à frente do documento.

<! Doctypehtml>

Dessa forma, você já criou um documento HTML5. Vamos ver como a página inicial do Google é feita

Copie o conteúdo para a área de transferência

<! doctypehtml>
<head>
<Title> html5-googlesearch </title>
<Cript>
..

No entanto, as páginas de verificação e resultados de pesquisa do Google não são usadas, porque ainda existem muitas tags inválidas nessas páginas, como <font>, mas isso não importa, você ainda pode usar algumas tags corretas, como <Script> para analisar o atual HTML5 Doctype.

HTML5 Exemplos simples

Uma página completa HTML5 não requer muitas tags complicadas

Copie o conteúdo para a área de transferência

<! Doctypehtml>
<title> smallhtml5 </title>
<p> helloworld </p>

Este é um exemplo simples e completo.

(Curiosamente, quando eu excluí a tag <title>. A análise do visualizador de DOM de Hixie é através do validador W3C. Mas o validador do Henri Sivonen diz que é inválido.

Integridade e compatibilidade HTML5

O melhor, aqui está um exemplo completo de HTML5, com estilos e novas tags adicionadas. Para resolver o problema que alguns navegadores do IE não podem visualizar, aqui está um script JS que resolve esse problema.

<! Doctypehtml>
<html>
<head>
<Metacharset = UTF-8/>
<title> html5complete </title>
<!-[ifie]> <scriptsrc = http: //html5shiv.googlecode.com/svn/trunk/html5.js> </script> <! [endif]->
<estilo>
Artigo, além, detalhes, figcaption, figura, rodapé, cabeçalho, hgroup, menu, navegação, seção {display: block;}
</style>
</head>
<Body>
<p> helloworld! </p>
</body>
</html>