Artigo Introdução de wulin.com (www.vevb.com): o HTML5 torna a interação do computador, e a interação da rede humana se torna mais confortável e se encaixa nos usuários. A falta anterior de apoio a aplicativos de mídia rica e esse armazenamento não é mais uma dor para os navegadores. A intenção original da revolução HTML5 é promover a Web de uma plataforma de conteúdo para uma plataforma de aplicativo padronizada e unificar os padrões de cada campo de plataforma.
O que é HTML5, não preciso entrar em detalhes aqui. De acordo com o meu entendimento, a inovação do HTML5 pode ser resumida como um sistema de etiqueta semântica, o suporte de mídia rica com a simplificada tecnologia de armazenamento de dados local chinês tradicional, rico animação (tela) sem plug-ins e suporte de API poderoso. Em suma, o HTML5 torna a interação do computador, e a interação da rede humana se torna mais confortável e se encaixa nos usuários. A falta anterior de apoio a aplicativos de mídia rica e esse armazenamento não é mais uma dor para os navegadores. A intenção original da revolução HTML5 é promover a Web de uma plataforma de conteúdo para uma plataforma de aplicativo padronizada e unificar os padrões de cada campo de plataforma.
Neste artigo, apresentarei uma das inovações do HTML5: uma estrutura mais clara e concisa.
Um código de cabeçalho XHTML padrão desde o início deve ficar assim:
Acima está uma página simples da página do blog HTML, consistindo no cabeçalho, na área de exibição do artigo, na coluna do lado direito e no fundo. A codificação é limpa e está em conformidade com a semântica do XHTML, que pode ser executada bem mesmo em HTML 5. Mas, para o navegador, este é um pedaço de código que não distingue entre pesos, em vez de uma etiqueta que permite que a máquina entenda a semântica para definir o bloco correspondente. Por exemplo, os navegadores padrão (como Firefox, Chrome e até a nova versão do IE9) têm uma chave de atalho que pode levar os clientes a pular diretamente para a navegação da página, mas o problema é que todos os blocos são definidos pelo DIV e o valor de identificação da DIV é determinado pelo desenvolvedor, para que o navegador não saiba qual bloco deve ser o bloco em que o link da navegação. O surgimento de novas tags HTML 5 apenas compensa essa falha. Então, se o código acima for substituído pelo HTML 5, você poderá escrever assim:
Acontece que a estrutura da página HTML pode ser tão bonita que pode ser vista rapidamente sem comentários. Para os navegadores, você não ficará mais perdido ao encontrar o bloco correspondente.
Além disso, embora o HTML5 não seja atualmente suportado por todos os navegadores, esse cabeçalho que pode economizar mais de 100 bytes (para sites com níveis diários de PV de um milhão ou mais, pode economizar muito tráfego). Se você pesquisou no modo de resolução do navegador, deve saber que as páginas desencadearão o modo estranho sem definir o Doctype e, desde que o navegador seja definido, poderá analisar as páginas no modo padrão sem especificar um certo tipo de DTD.
Novo sistema de rotulagem semântica
A codificação semântica é uma habilidade necessária para desenvolvedores de front-end qualificados, mas, à medida que as páginas da web se tornam cada vez mais ricas, é óbvio que elas não conseguem fazê-lo simplesmente usando a tag XHTML original para desanimar. Deus disse: deve haver luz! Então haverá luz. Portanto, o HTML 5 fornece uma série de novas tags e atributos correspondentes para refletir a semântica típica dos sites modernos. Prática para produzir a verdade. Vamos escrever um exemplo:
Não preciso dizer qual é mais complicado e qual é simples. Sim, o cabeçalho HTML5 pode ser tão simples que pode ser lembrado facilmente! E, o caso, cita e a barra de barragem antes que o último suporte de ângulo possa ser ignorado.
Por que pode ser tão solto? De fato, se o XHTML for enviado como texto/html, o navegador também poderá analisá -lo bem e o navegador não se importa com a sintaxe do código. Portanto, o HTML 5 é metafísico, pode quebrar alguns dos padrões originais, mas ainda pode ter um bom desempenho no navegador.
Obviamente, para a conveniência da assistência da equipe e da manutenção subsequente, ainda devemos unificar o estilo de escrita que você gosta, como:
Vamos dar uma olhada em como é um cabeçalho HTML5 padrão: