HTML5, a quinta grande modificação da linguagem de marca super -text (HTML).
O HTML5 contém novos elementos, atributos e comportamentos, e também contém uma série de tecnologias que podem ser usadas para tornar os sites mais diversos e mais poderosos.
Os novos recursos não estão disponíveis de uma só vez, mas após a formulação do HTML4.01 (1999), ele está constantemente mudando durante esse período, e o manuscrito final é finalizado.
Os padrões HTML5 não destroem as páginas da web anteriores e as páginas da Web que atendem ao padrão HTML4.01 ainda são eficazes no HTML5.
URL padrão: https://www.w3.org/tr/html5///
Tempo fixo do manuscrito: 28 de outubro de 2014
contenteComparado com o HTML4.01 anterior, o HTML5 aumentou muito:
① Novos elementos semânticos: <Artigo>, <uncie>, <Figura>, <FigCaption>, <dower>, <weweler>, <hgroup>, <VN>, <Section>, etc.
② Novos características do elemento: Aumente novos atributos de elemento, elementos da unidade de tabela, funções de verificação, etc.
③ Multimídia: Adicione <Audio> Audio, <Video> elementos de vídeo e outros conteúdos.
④ Desenho 2D/3D: Adicione <VAS> Elemento de desenho.
⑤ Armazenamento: Aumente as funções de armazenamento on -line e offline.
⑥ Conectividade: Aumente dois conteúdos do cliente interagem com o servidor: soquetes da web (conexão durável do cliente e servidor) e eventos de visualização do servidor (Dados de empurrar do servidor), etc.
⑦ Integrado: Forneça funções poderosas, como trabalhadores da web, API de história, requestanimationframe e localização geográfica.
⑧ Acesso ao dispositivo: forneça suporte para câmeras e dispositivos móveis.
式 Estilo CSS3: fornece novas características de estilo de fundo, animação, fronteira e outros estilos.
Suporte do navegadorCada navegador convencional é diferente de HTML5. Entre eles, o IE é a função de suportar o HTML5 da 9ª versão (nem todas as funções do HTML5).
Se você quiser saber que uma função do HTML5 é suportada por cada navegador, você pode fazer login em http://caniuse.com/ para consulta.
Tomando o elemento <umio> como exemplo, você pode ver o suporte de cada navegador:
Crie a página HTML5Introduzir a alteração do HTML5 da página.
<!A primeira linha da página HTML tradicional deve ser uma instrução de tipo de documento específica, relacionada ao formato e à página de exibição de layout do navegador.
HTML4.01 é baseado no SGML (linguagem de etiqueta universal padrão), então <!
O HTML5 não é baseado no SGML, portanto o DTD não é necessário.
HTML4.01 Página:[Código] <!
Página HTML5:<!<html> tag
Defina o espaço de nomeação
O atributo xmlns no <html> o atributo xmlns pode definir um ou mais espaços nomeados opcionais. O navegador usará esse espaço de nomeação para os elementos da página em que o atributo está.
Se esse atributo for omitido, o padrão será substituído por http://www.w3.org/1999/xhtml.
Defina a linguagem da página<html> A propriedade Lang no rótulo pode especificar a linguagem natural da página, como: lang = en significa inglês e lang = zh-cn significa chinês. Exemplo:
<html leng = zh-cn> </html><teta> Configurações de tags codificação de caracteres
<teta> Meta-informação pode ser fornecida, como palavras-chave para mecanismos de pesquisa.
Entre eles, o atributo Charset define o código do caractere da página, que pode converter o conteúdo de texto da página em um formato de codificação especificado durante o visor.
UTF-8 preferido no web design:
<head> <meta charset = utf-8/> <title> título da página </ititle> </ad Head>Tabela de estilo de cotação
Comparado com o HTML4.01 anterior, o HTML5 omitir a propriedade Type = Text/CSS quando a tabela de estilo de referência:
<head> <meta charset = utf-8/> <title> título da página </ititle> <link r = stylesheet href =/styles/site.css> </ad Head>Citar o arquivo javascript
No HTML5, ao citar o arquivo javascript, o atributo type = text/javascript é omitido:
<Head> <meta charset = utf-8/> <title> título da página </ititle> <script src =/scripts/jqury-1.7.2.js> </head> </ad Head>Exemplo de página completa
Abaixo está uma página completa HTML5:
<! /Scripts/JQuery-1.7.2.js> </script> </head> <body> <p> Área do corpo </p> </body> </html>