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 ...
2. Novos elementos estruturais• 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.
2. Outros novos elementos• 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
3. Novos elementos de entrada• 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)
3. ABOLIÇÃO Os elementos1. Elementos que podem ser substituídos pelo CSS
• 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.
2. Não use mais quadros de quadros• 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.
3. Apenas alguns elementos suportados por navegadores• 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
4. Outros elementos abolidos:• 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
4. Adicionando atributos e abolindo atributos1. Adicionando atributos
1. Atributos relacionados à forma
• 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;
2. Atributos relacionados ao link• 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;
3. Outros atributos• 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;
2. ABOLIÇÃO ATRIBUTOS• 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;
5. Atributos globaisNo HTML5, um novo conceito de atributos globais é adicionado. O chamado atributo global refere-se a atributos que podem ser usados em qualquer elemento.
1. Propriedade do conteúdo• 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á.
2. Propriedade do DesignMode• 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.
3. Atributo oculto• 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.
4. Atributo da verificação ortográfica• 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>
Explicação detalhada dos atributos de formulárioNo 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