Mudanças na era da web e a diferença entre html5 e html4

HTML5 é a próxima versão do padrão HTML. Mais e mais programadores estão começando a criar sites no HTML5. Se você usar o HTML4 e o HTML5, descobrirá que o edifício do zero com HTML5 é muito mais conveniente do que a migração do HTML4 para o HTML5. Embora o HTML5 não subverte completamente o HTML4, eles ainda têm muitas semelhanças, mas também têm algumas diferenças importantes no HTML5, sendo a próxima versão do padrão HTML. Mais e mais programadores estão começando a criar sites no HTML5. Se você usar o HTML4 e o HTML5, descobrirá que o edifício do zero com HTML5 é muito mais conveniente do que a migração do HTML4 para o HTML5. Embora o HTML5 não subverte completamente o HTML4, eles ainda têm muitas semelhanças, mas também têm algumas diferenças importantes. Em seguida, vamos aprender a diferença entre html5 e html4 através deste artigo

Novas tags de estrutura para html5

Nas páginas HTML anteriores, todos usaram basicamente o método de layout DIV+CSS. Quando os mecanismos de pesquisa rastejam o conteúdo da página, eles só podem adivinhar que o conteúdo em uma de sua div é um contêiner de contêiner de artigo, um contêiner do módulo de navegação ou um contêiner introduzido pelo autor etc. Em outras palavras, toda a estrutura do documento HTML não é clara. Para resolver esse problema, o HTML5 adicionou tags de elementos estruturais especialmente relacionados à estrutura como cabeçalho, rodapé, navegação, conteúdo do artigo etc.

Antes de falar sobre essas novas tags, vamos primeiro olhar para o layout de uma página comum:

Na figura acima, podemos ver com muita clareza que uma página comum terá cabeçalho, navegação, conteúdo do artigo, barra direita anexada, inferior e outros módulos. Distinguimos isso através da classe e o processamos através de diferentes estilos CSS. Mas, relativamente falando, a classe não é uma especificação padrão comum. Os mecanismos de pesquisa só podem adivinhar as funções de uma determinada parte. Além disso, se este programa de página for entregue a pessoas com deficiência visual para ler, a estrutura e o conteúdo do documento não serão muito claros. O novo layout trazido pela nova tag HTML5 é a seguinte situação:

Os padrões da geração anterior de HTML: HTML 4.01 e XHTML 1.0 foram lançados há mais de 10 anos hoje, e os aplicativos no lado da Web também mudaram drasticamente. Além disso, não existe um padrão unificado e comum na Internet no front-end da Web, e há muitas incompatibilidade entre os navegadores, o que perde muito tempo para manter a compatibilidade desses navegadores. Outra coisa é que as operações multimídia anteriores, animações etc. exigem o suporte de plug-ins de terceiros, o que cria o problema da compatibilidade de várias plataformas. Tudo isso se tornará um padrão no HTML5, que resolve fundamentalmente as diferenças nos navegadores e os problemas de alguns plug-ins de terceiros, tornando os aplicativos da Web mais padrão, mais versáteis e mais independentes do dispositivo.

Desde que o H5 foi lançado oficialmente em 2010, ele foi recebido e apoiado pelos principais navegadores. Atualmente, a indústria está se movendo para o H5, e a era do H5 está chegando em breve.

O HTML5 não é uma mudança revolucionária, mas um desenvolvimento. Além disso, muitos dos padrões anteriores do HTML4 foram compatíveis, e todos os aplicativos da Web fabricados através dos mais recentes padrões HTML5 também podem ser facilmente executados em navegadores antigos. O padrão HTML5 integra muitas funções práticas, como áudio e vídeo, armazenamento local, comunicação de soquete, animação etc., que foram considerados e atualizados no desenvolvimento anterior de aplicativos. Acredito que, se você tiver experiência relevante, ficará muito tocado.

O objetivo do HTML5 é: fornece padrões para o desenvolvimento de aplicativos gerais mais simples, independentes e padrão por meio de algumas novas tags e novos recursos.

O novo padrão resolve três grandes problemas: problemas de compatibilidade do navegador, resolve o problema da estrutura pouco clara de documentos e resolve problemas como funções limitadas de aplicativos da Web.

1. Algumas tags html4 desatualizadas foram canceladas

Estes incluem marcadores que exibem efeitos puramente, como <Font> e <Center>, que foram completamente substituídos pelo CSS.

Outras propriedades canceladas: sigla, applet, basefont, grande, centro, dir, fonte, quadro, quadros, isindex, noframes, greve, tt.

2. Adicionado alguns novos elementos

Por exemplo: Tags de formulário mais inteligente: data, email, URL, etc.; Tags mais razoáveis: seção, vídeo, progresso, navegação, medidor, tempo, à parte, tela, etc.

3. Novo Atributo Global: Contentável DesignMode Hidden Vercheck Tabindex

4. Método de marcação: Existe apenas um tipo de declaração do tipo de arquivo (<! Doctype>): <! Doctype html>.

Especifique a codificação de caracteres <meta charset = utf-8>

5. Nova API JS

6. Garanta a compatibilidade

Elementos de tags podem ser omitidos

Marcas finais não são permitidas: como a base da área BR

A marca final pode ser omitida: como li dt

Todas as tags podem ser omitidas: como a cabeça HTML