Os novos recursos do HTML5 coletados e resumidos podem basicamente ser usados, exceto para IE9 e versões anteriores.
Sintaxe HTML5A maioria das diferenças gramaticais do html continua: <!DOCTYPE html> no início
<html lang=zh-CN><meta charset=utf-8>
A codificação de caracteres torna-se concisa,
Não diferencia maiúsculas de minúsculas,
Adicionados valores booleanos, semelhantes a verificado e selecionado
As aspas podem ser omitidas, mas de acordo com os padrões de codificação, isso não é recomendado.
Existem tags que podem omitir o caractere final e tags que podem ser completamente omitidas.
Adicionar tags: 1. Etiqueta de estrutura(1) Seção: bloco de conteúdo independente, que pode ser composto por h1~h6 para representar a estrutura do documento. Também pode conter capítulos, cabeçalhos, rodapés ou outras partes do cabeçalho (2) artigo: bloco independente especial, que representa; Deixando de lado o conteúdo principal do cabeçalho deste artigo: o conteúdo da tag está relacionado ao conteúdo da tag; informação auxiliar; (4) cabeçalho: informação do cabeçalho/título de um determinado bloco; (5) hgroup: conteúdo suplementar da informação do cabeçalho/título; (6) rodapé: informação inferior (7) nav: informação da parte da barra de navegação (8) figura: uma unidade independente, como um bloco de notícias com fotos e conteúdo.
2. Tags de formulário(1) e-mail: um e-mail deve ser inserido; (2) url: um endereço de url deve ser inserido; (3) número: um valor numérico deve ser inserido; (4) intervalo: um valor numérico dentro de um determinado intervalo; ; (5) Selecionadores de data: selecionador de data;
a.date: Selecione dia, mês, ano b.month: Selecione mês, ano c.week: Selecione semana e ano d.time: Selecione hora (horas e minutos) e.datetime: Selecione hora, dia, mês, ano ( Hora UTC) f.datetime-local: Selecione hora, dia, mês, ano (hora local)
(6) Pesquisa: Pesquise campos de texto regulares;
(7) cor: cor
3. Tags de mídia(1) vídeo: vídeo (2) áudio: áudio (3) incorporar: conteúdo incorporado (incluindo várias mídias), Midi, Wav, AU, MP3, Flash, AIFF, etc.
4. Outros rótulos de função(1) mark: mark (como um marcador para fazer anotações) (2) progress: barra de progresso <progress max=valor da barra de progresso máxima value=valor da barra de progresso atual> (3) time: rótulo de dados, usado pelos mecanismos de pesquisa; Data de lançamento <hora datetime=2014-12-25T09:00>9:00</time> Data de atualização <hora datetime=2015- 01-23T04:00 pubdate>4:00</time> (4) ruby e rt: comentar uma determinada palavra; <ruby><rt>Conteúdo do comentário</rt><rp>Como exibir quando o navegador não suporta< /rp>< /ruby> (5) wbr: quebra de linha suave, quebra de linha quando a largura da página atinge a quebra de linha necessária; (6) tela: use código JS para criar conteúdo para desenho de imagem; (8) detalhes : Expandir menu; (9) dateilst: prompt suspenso do campo de texto; (10) keygen: criptografia;
Novas propriedades:Atributos adicionados ao js.
<script defer src=.....js onload=alert('a')></script><script async src=.....js onload=alert('b')></script>Se não houver dois atributos acima, a ordem de execução é primeiro carregar (baixar) o primeiro src, depois executar seu onload e, em seguida, executá-lo de forma síncrona para baixo. O atributo defer já existe antes de h5 e inserir o carregamento atrasado (execução atrasada). , ele primeiro carregará (baixará) src conteúdo do arquivo e, em seguida, espere até que a página esteja totalmente carregada e, em seguida, carregue o atributo js.async em onload, que é um carregamento assíncrono. Ele executará onload imediatamente após carregar src e continuará a carregar a página na sequência de execução acima. A exibição de alerta exibirá b primeiro e depois exibirá a.
Adicione o código de estilo do pequeno ícone ao rótulo da página da web
<link rel=icon href=url... type=nome da imagem tamanhos=16*16>
Lista ordenada ol: Adicionado início (valor inicial da lista), atributo de tipo de menu invertido (seja invertido) (3 tipos de menu) estilo css incorporado: defina um bloco de estilo (com escopo) dentro da tag, apenas para O quadro embutido só é válido dentro do tag de estilo: elemento iframe, sem costura, sem borda e sem borda são adicionados e srcdoc define o conteúdo do quadro embutido.
<iframe>Novos atributos: <!--seamless define o quadro sem bordas e margens--><!--srcdoc tem um nível de exibição mais alto que sandbox--><!--sandbox é usado para especificar o nível de segurança de um quadro embutido --><!--sandbox=allow-forms:Permitir envio Formulário --><!--sandbox=allow-origin: Allow é a mesma origem --><!--sandbox=allow-scripts: Permitir execução de scripts --><!--sandbox=allow-top-navigation : Permitir que páginas externas saltem -->
atributos de manifesto:
Defina os arquivos do aplicativo offline necessários para a página, geralmente colocados na tag <html>
atributo conjunto de caracteres:
Um dos meta atributos, que define o conjunto de caracteres da página
atributo de tamanhos:
<link>Novo atributo é usado para definir o tamanho do ícone quando o link rel=icon.
atributo base:
<base href=http://localhost/target=_blank> significa que quando uma página for aberta em uma nova janela, o conteúdo do href será adicionado como um prefixo ao endereço.
atributo adiar:
O atributo tag script indica que após o script ser carregado, ele só será executado quando a página também for carregada (execução atrasada)
atributo assíncrono:
O atributo tag de script é executado imediatamente após o carregamento do script (o navegador analisará o seguinte conteúdo durante o processo em execução), mesmo que a página não tenha sido carregada (execução assíncrona)
atributo de mídia:
Atributo do elemento <a>: indica qual dispositivo está otimizado
Atributo hreflang:
O atributo <a> indica o idioma utilizado pela URL apontada pelo hiperlink.
atributo de referência:
O atributo de <a> define se o hiperlink é um link externo
atributo invertido:
Atributo <ol>, define se o número de série é flashback
atributo inicial:
Os atributos de <ol> definem o valor inicial do número de sequência
atributo com escopo definido:
O atributo do estilo CSS incorporado A definição deste estilo é limitada aos elementos com o estilo incorporado. É adequado para desenvolvimento de página única.
Atributos globais HTML5: podem ser usados para qualquer tag, os 6 seguintes
dados-seuvalor, oculto, Spenllecheck, tabindex, contenteditable, desginMode;
Propriedades globais:
1. Pode ser inserido diretamente na tag: nome do atributo data-custom; oculto (coloque-o diretamente para ocultar); clique no conteúdo para modificar); 2. Insira window.document.designMode = 'on' em JavaScript (uma propriedade global do JavaScript, o texto da página inteira pode ser editado);
Resumir
O texto acima é um resumo das novas tags e atributos do HTML5 introduzidos pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe-me uma mensagem e o editor responderá a tempo. Gostaria também de agradecer a todos pelo apoio ao site de artes marciais VeVb!