HTML5 possui apenas um tipo de documento simples ：<!DOCTYPE html> , o que significa que o navegador irá analisá-lo de acordo com o modo padrão.
Agora você pode usar charset em meta tags: <meta charset=utf-8″ />
<link rel=stylesheet href=path/to/stylesheet.css /><script src=path/to/script.js></script>Novas tags mais semânticas
Por exemplo: <artigo>, <seção>, <aside>, <hgroup>, <header>,<footer>, <nav>, <time>, <mark>, <figure> e <figcaption>, etc.
Vídeo e áudio<video width=640 height=320 preload=auto poster=0.jpg controles> <source src=movie.ogg type=video/ogg /> <source src=movie.mp4 type=video/mp4 /> Seu navegador não apoiar a tag de vídeo.</video>Aprimoramento de formulário
Novos tipos de entrada: cor, e-mail, data, mês, semana, hora, data e hora, data e hora local, número, intervalo, pesquisa, tel e url
Novas propriedades: obrigatório, foco automático, padrão, lista, preenchimento automático e espaço reservado
Novos elementos: <keygen>, <datalist>, <output>, <meter> e <progress>
A tag canvas desenha gráficos 2D.
var canvas = document.getElementById('canvas');var context = canvas.getContext('2d');context.beginPath();context.moveTo(100,100);context.lineTo(300,300);context.lineTo(100,500) ;context.lineWidth = 5;context.strokeStyle = vermelho;context.stroke(); Aquisição de localização geográfica Semântica HTML 1. O que é semântica HTML?Determine a semântica do conteúdo por meio de tags, por exemplo, determine se o conteúdo é um título baseado na tag h1, determine se o conteúdo é um parágrafo baseado na tag <p>, determine se a tag <input> é uma caixa de entrada, etc.
2. Por que semântica?1). Quando o estilo é removido ou perdido, a página pode apresentar uma estrutura clara.
2). Conveniente para outros dispositivos analisarem (como leitores de tela, leitores cegos, dispositivos móveis) para renderizar páginas da web de maneira significativa.
3). Propício para SEO
4). É conveniente para o desenvolvimento e manutenção da equipe e segue os padrões W3C para reduzir a diferenciação.
3. Como determinar se suas tags são semanticamente corretas?Remova os estilos e veja se a estrutura da página web está bem organizada e ainda tem boa legibilidade.
4. Módulos de tags semânticas comunsforma
<form action= method=> <fieldset style=border: none> <legend style=display: none>Formulário de login</legend> <p><label for=name>Conta:</label><input type=text id =nome></p> <p><label for=pw>Senha:</label><input type=password id=pw></p> <input type=submit name=Login class=subBtn> </fieldset></form>
Os campos do formulário devem ser agrupados com tags fieldset, e a tag legend deve ser usada para descrever a finalidade do formulário. O texto de descrição correspondente a cada tag de entrada precisa usar a tag label, e a descrição deve ser feita definindo o id; atributo para a entrada e configuração for=someld na tag do rótulo. O texto está associado à entrada correspondente.
5. Algumas questões que devem ser observadas ao usar tags semânticasUse o mínimo possível de tags div e span não semânticas;
Quando a semântica não é óbvia, você pode usar div ou p. Tente usar p, porque p tem espaçamento superior e inferior por padrão, o que é benéfico para compatibilidade com terminais especiais;
Não use tags de estilo puro, como: b, font, u, etc., em vez disso, use configurações de css.
O texto que precisa ser enfatizado pode ser incluído na tag forte ou em. O estilo padrão de forte é negrito (não use b) e em é itálico (não use i).
ResumirO texto acima é a tag semântica do novo recurso HTML5 apresentado 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!