| HTML | endereço |
|---|---|
| Notas básicas de HTML | Noções básicas de HTML--super detalhado--zero básico--simples e fácil de entender_dddddddyu's blog-CSDN blog |
| Notas Avançadas HTML5 | Notas Avançadas HTML5 - Super Detalhado - Conciso e Fácil de Entender_dddddddyu's Blog-CSDN Blog |
1 novo conteúdo HTML5
- Adicionadas tags semânticas
- Adicionadas tags de áudio e vídeo
- Novo tipo de entrada
- Atributos de formulário adicionados
O HTML5 generalizado adiciona:
Marcas semânticas
armazenamento local
Compatibilidade
2D、3D
animação, transição
Recursos do CSS3
Desempenho e Integração
2 Adicionar tags semânticas
header ---头部标签
nav ---导航标签
article ---内容标签
section ---块级标签
aside ---侧边栏标签
footer ---尾部标签
3 Adicionar tags de áudio e vídeo
Respectivamente áudio áudio e vídeo vídeo
Formatos de áudio suportados por áudio
parâmetros de áudio
<audio src="media/music.mp3" autoplay="autoplay" controls="controls"></audio>
| Atributos | valor | descrever |
|---|---|---|
| Reprodução automática | Reprodução automática | Se presente, o áudio é reproduzido assim que estiver pronto |
| controles | controles | Se presente, exibe os controles para o usuário, como um botão de reprodução |
| laço | laço | Se presente, reinicia a reprodução sempre que o áudio terminar |
| origem | url | A url do áudio a ser reproduzido |
A tag de vídeo de vídeo atualmente suporta três formatos
sintaxe e atributos de vídeo
<video src="./media/video.mp4" controls="controls"></video>| Atributos | Valor do atributo | ilustrar |
|---|---|---|
| Reprodução automática | Reprodução automática | O vídeo está pronto para reproduzir automaticamente ( o Google Chrome precisa adicionar mudo para resolver o problema de reprodução automática ) |
| controles | controles | Exibir controles de reprodução para o usuário |
| largura | px | Definir largura do player |
| altura | px | Definir altura do jogador |
| laço | laço | Se deve continuar a reproduzir o vídeo após a reprodução, reprodução em loop |
| pré-carga | auto (pré-carregar vídeo) nenhum (o vídeo não deve ser carregado) | Especifica se o vídeo deve ser pré-carregado (ignore esta propriedade se a reprodução automática estiver disponível) |
| origem | url | o endereço da url do vídeo |
| poster | lmgurl | Carregando imagem da tela de espera |
| mudo | mudo | Silenciar a reprodução |
4 Adicionado tipo de tag de entrada
- Importante lembrar: numero de tel procure esses tres
5 atributos de formulário adicionados
- Você pode modificar a cor da fonte no espaço reservado pelas seguintes configurações
input::placeholder {
color: red;
}