HTML5 Notas do estudo: A diferença entre HTML5 e HTML tradicional

Este artigo apresenta principalmente as informações relevantes sobre a diferença entre o HTML5 e o HTML tradicional, que são as notas do estudo HTML5. Amigos que precisam podem se referir ao próximo. Alterações na sintaxe HTML5

As mudanças mencionadas neste ponto de conhecimento referem -se a alterações definidas no HTML4, principalmente da seguinte maneira:

1. O caractere de extensão de arquivo (.html ou .htm) de html5 permanece inalterado a partir do tipo de conteúdo (texto/html).

2. No HTML5, se você deliberadamente não usar a declaração da versão, um documento será aplicável a todas as versões do HTML.

3. A partir do HTML5, é recomendável usar o UTF-8 para a codificação de caracteres de arquivos.

4. HTML5 garante a compatibilidade máxima com as versões HTML anteriores.

Para garantir a compatibilidade, precisamos começar com os elementos. No HTML5, a tag do elemento pode ser omitida. Em termos de natureza, as marcas dos elementos são divididas em três tipos: não tem permissão para escrever uma marca final, a marca final pode ser omitida e a marca de partida e a marca final podem ser omitidas.

• Os elementos que não têm permissão para escrever marcas finais são: área, base, br, col ......

• Tags finais: li, dt, dd, p, rt ...

• A marca de partida e a marca final podem ser omitidas: html, cabeça, corpo ...

• O elemento de seção representa um bloco de conteúdo na página, como um capítulo, cabeçalho, rodapé ou outras partes da página;

• O elemento do artigo representa um conteúdo independente na página que não está relacionado ao contexto, como um artigo em um blog ou um artigo em um jornal;

• O elemento à parte representa informações auxiliares relacionadas ao conteúdo do elemento do artigo fora do conteúdo do elemento do artigo;

• O elemento do cabeçalho representa o título de um bloco de conteúdo ou a página inteira na página;

• Os elementos do HGROUP são usados ​​para combinar o título de uma página inteira ou um bloco de conteúdo na página;

• O elemento do rodapé representa uma nota de rodapé em uma página inteira ou um bloco de conteúdo na página. De um modo geral, ele conterá o nome do criador, a data da criação e as informações de contato do criador;

• O elemento NAV representa a parte do link de navegação na página;

• O elemento da figura representa uma seção independente do conteúdo do fluxo, geralmente representando uma unidade independente no conteúdo do fluxo do corpo do documento. Use o elemento FigCaption para adicionar um título ao grupo de elementos da figura.

• O elemento de áudio define áudio, como música ou outros fluxos de áudio;

• Os elementos incorporados são usados ​​para inserir várias multimídia, e os formatos podem ser MIDI, WAV, AU, MP3, etc.;

• O elemento Mark deve ser usado para apresentar visualmente o texto que precisa ser destacado ou destacado ao usuário. Um aplicativo típico é destacar palavras -chave de pesquisa para o usuário nos resultados da pesquisa;

• O elemento de progresso representa um processo em execução

• O elemento rubi representa a anotação do rubi (pronúncia chinesa ou caracteres)

• O elemento RT representa a interpretação ou pronúncia de caracteres (pronúncia ou caráter chinês)

• O elemento RP é usado nos comentários do Ruby para definir o que é exibido em navegadores que não suportam elementos de rubi.

• O elemento WBR representa quebras de linha macia e, quando a largura não é suficiente, realiza ativamente quebras de linha aqui.

• Elementos de tela representam gráficos, como gráficos e outras imagens

• O elemento Cammand representa um botão de comando, como um botão de rádio, uma caixa de seleção ou um botão

• O elemento de detalhes representa os detalhes que o usuário solicita e pode obter.

• O elemento datagrid representa uma lista de dados opcionais, exibidos na forma de uma lista de árvores

• O elemento keygen indica a geração da chave

• O elemento de saída representa diferentes tipos de saída, como a saída de um script

• O elemento de origem define um recurso de mídia para elementos de mídia (como <Video> e <udio>)

• O elemento de menu representa a lista de menus

• Tipo de email indica a caixa de entrada de texto em que o endereço E-Main deve ser inserido

• Tipo de URL indica a caixa de entrada de texto que deve ser inserida no endereço URL

• Tipo de número indica a caixa de entrada de texto que deve ser inserida

• Tipo de intervalo indica que a caixa de entrada de texto que deve ser inserida dentro de uma certa faixa de valores numéricos.

O HTML5 possui várias novas caixas de texto de entrada para selecionar datas e horários:

• Data -Selecione Dia, Mês e Ano

• mês - selecione Mês e Ano

• Semana - selecione semana e ano

• Tempo - selecione Hora (horas e minutos)

• DateTime - Selecione hora, dia, mês, ano (hora da UTC)

• DATETIME.LOCAL -SECT Hora, dia, mês, ano (horário local)

• Para elementos como BaseFont, Big, Center, Font, S, Strike, TT e U, uma vez que suas funções são puramente usadas para exibir telas, e o HTML5 defende a edição unificada das funções de exibição de tela em folhas de estilo CSS, para que esses elementos sejam abolidos.

• Para elementos de quadros, elementos de quadro e elementos noframes, uma vez que a estrutura do quadro tem um impacto negativo na disponibilidade de páginas da web, a estrutura do quadro não é mais suportada no HTML5 e apenas a estrutura do iframe é suportada ou a forma de uma página composta composta de várias páginas criadas pelo servidor é abolida na mesma época.

• Para o applet, BGSound, Pisk, letra e outros elementos, já que apenas alguns navegadores suportam esses elementos, especialmente os elementos de BGSound e letra, que são suportados apenas pelo Internet Explorer, é abolido em HTML 5. O elemento de Applet pode ser substituído por um elemento Ern e um elemento de objeto, o elemento Bgsound pode ser

• abolir o elemento RB e usar o elemento rubi para substituí -lo

• abolir o elemento do acrônimo e usar o elemento ABBR para substituí -lo

• abolir o elemento Dir e usar o elemento UL para substituí -lo

• Abolique o elemento ISIndex e substitua -o pelo elemento de formulário e pelo elemento de entrada.

• abolir elementos de listagem e usar elementos pré para substituí -los

• Abolique o elemento XMP e use o elemento de código para substituí -lo

• abolir elementos NextId e usar GUIDS

• abolir elementos de texto simples e usar o tipo de texto/MIME PLIAN para substituir

• Atributo adicionado de foco automático, que permite que os elementos obtenham foco automaticamente quando a tela é aberta especificando atributos;

• Atributo de espaço reservado adicionado, que solicitará a entrada do usuário, levando ao usuário para o que ele pode entrar;

• Adicione um novo atributo de formulário, declare a qual forma ele pertence e coloque -o em qualquer lugar da página, não dentro do formulário;

• Adicionado um atributo necessário, o que significa que o usuário verificará ao enviá -lo. Você deve ter conteúdo de entrada no elemento ao verificar;

• Adicionar atributo de mídia, que especifica por que o URL de destino é otimizado pela mídia/dispositivo do tipo e só pode ser usado quando o atributo href existir;

• Adicione atributos hreflang e atributos REL para manter a consistência com o elemento A e o elemento Link;

• Atributo reverendo, que especifica a lista a ser exibida em ordem inversa;

• Adicione um atributo assíncrono ao elemento de script, que define se o script é executado de forma assíncrona;

• Todos os atributos que podem ser substituídos pelas folhas de estilo CSS são abolidos;

• Atributos supérfluos, como: destino, perfil, versão etc., são abolidos;

No HTML5, um novo conceito de atributos globais é adicionado. O chamado atributo global refere-se a atributos que podem ser usados ​​em qualquer elemento.

• Esta propriedade permite que o usuário edite o conteúdo no elemento, pode obter o foco do mouse, a propriedade é um valor booleano, pode ser especificado como verdadeiro ou falso. Além disso, esta propriedade também possui um status de herdamento oculto. Quando é verdade, a edição é permitida. Quando falso, a edição não é permitida. Quando não estiver especificado, o herdamento decidirá.

• Esta propriedade é usada para determinar se a página inteira é editável. Existem dois atributos dentro e fora. Quando a propriedade está ativada, ela pode ser editada, mas quando está desligada, não pode ser editada.

• Todos os elementos permitem um atributo oculto, que é semelhante ao elemento oculto no elemento de entrada. Sua função é notificar o navegador para não renderizar o elemento, para que o elemento seja invisível. O valor desta propriedade é um valor booleano. Quando é verdade, não é visível e, quando falso, é visível.

• Esta propriedade é uma nova propriedade fornecida pelo HTML 5 para o elemento de entrada (type = text) e textarea, que conduz principalmente verificações de ortografia e gramática no conteúdo de entrada do usuário. O valor do atributo é um valor booleano. Ao escrever, você deve declarar claramente que o valor do atributo é verdadeiro ou falso. O método de escrita é o seguinte:

<! - Os dois métodos de escrita a seguir estão corretos -> <TextAtea setercheck = true> <Tipo de entrada = text spellcheck = false> <! - Os dois métodos de escrita a seguir estão errados -> <Textários Spellcheck>

No HTML4, os elementos subordinados na forma devem ser escritos dentro da forma, mas no HTML5, eles podem ser escritos em qualquer lugar da página e, em seguida, um atributo de formulário é dado ao elemento, e o valor do atributo é o ID da unidade de formulário, para que o elemento possa ser declarado subordinado à forma especificada.

Copie o código