Latest web development tutorials

HTML5 Tutoriais

HTML

HTML5 é a última revisão HTML de outubro de 2014 pelos padrões World Wide Web Consortium (W3C) concluídas.

HTML5 é projetado para suportar multimídia em dispositivos móveis.

HTML5 fácil de aprender.

O que é HTML5?

HTML5 é a próxima geração do padrão HTML.

HTML, a versão anterior do HTML 4.01 nasceu em 1999. Desde então, mundo Web passou por uma mudança radical.

HTML5 ainda está em sua aperfeiçoado. No entanto, a maioria dos navegadores modernos já tem algum suporte HTML5.

HTML5 é como começar?

W3C e WHATWG HTML5 é o resultado da cooperação, WHATWG significa Web Hypertext Aplicação Tecnologia Grupo de Trabalho. .

WHATWG dedicado formas e aplicações web, e W3C focada em XHTML 2.0. Em 2006, os dois lados decidiram cooperar para criar uma nova versão do HTML.

HTML5 alguns novos recursos interessantes:

  • Para a pintura elemento de tela
  • elementos de vídeo e áudio para reprodução de mídias
  • Melhor suporte para o armazenamento local offline
  • Novos elementos de conteúdo especial, como o artigo, rodapé, cabeçalho, nav, seção
  • Novos controles de formulário, como calendário, data, hora, e-mail, url, busca

HTML5 <! DOCTYPE>

<! DOCTYPE> declaração deve estar na primeira linha do documento HTML5, muito simples de usar:

<! DOCTYPE html>

documento mínima HTML5

Aqui é um documento HTML5 simples:

<! DOCTYPE html> <Html> <Head> <Meta charset = "utf-8"> <Title> Título do Documento </ title> </ Head> <Body> conteúdo do documento ...... </ body> </ Html>

Nota: Para páginas da web chineses precisam usar <meta charset = "utf-8 "> declaração, caso contrário ele será truncado.

melhorou HTML5

  • novo elemento
  • nova propriedade
  • O suporte total para CSS3
  • Vídeo e Áudio
  • desenho 2D / 3D
  • loja local
  • de dados SQL local
  • Aplicações web

HTML5 Multimedia

Você pode simplesmente usar a reprodução de vídeo HTML5 (vídeo) e áudio (áudio) na página.

HTML5 Aplicação

Você pode simplesmente usar o desenvolvimento de aplicativos HTML5

  • armazenamento de dados local
  • O acesso aos arquivos locais
  • de dados SQL local
  • Citação de cache
  • trabalhadores javascript
  • XHTMLHttpRequest 2

gráficos HTML5

Use HTML5 você pode simplesmente desenhar gráficos:

Use HTML5 CSS3

  • New selector
  • nova propriedade
  • animação
  • conversão de 2D / 3D
  • filete
  • efeito de sombra
  • fontes carregáveis

Saiba mais informações CSS3 consulte o sítio de tutoriais CSS3.

elementos semânticos

HTML5 acrescenta uma série de elementos semânticos são os seguintes:

etiqueta descrição
<Article> Definir área de conteúdo página separada.
<Além> Definir páginas de conteúdo da barra lateral.
<BDI> Ele permite que você defina um pedaço de texto, direção de texto de distância das configurações do elemento pai.
<Command> Comando personalizado botões - tais como botões de rádio, caixas de seleção ou botões
<Detalhes> Detalhes do documento ou de uma seção para
<Dialog> caixa de diálogo, tais como balões personalizar
<Summary> O título tag contém detalhes de elementos
<Figura> disposições separadas streaming de conteúdo (imagens, gráficos, fotografias, código, etc.).
<Figcaption> Definição de <figure> título do elemento
<Rodapé> seção definida ou rodapé do documento.
<Header> Ele define a área de cabeçalho do documento
<Mark> texto definido com a marca.
<Meter> Definição de pesos e medidas. Conhecida apenas usado para medir os valores máximo e mínimo.
<Nav> Definir seção de links de navegação.
<Progresso> cronograma definido qualquer tipo de tarefa.
<Rubi> Definição de anotação ruby ​​(fonética chinesa ou caracteres).
<Rt> caracteres definidos interpretação (fonética ou caractere chinês) ou pronúncia.
<R> Na anotação ruby ​​é utilizado para definir o conteúdo não suporta o navegador elemento ruby ​​exibido.
<Section> A definição da seção do documento (seção, seção).
<Time> Definir a data ou hora.
<WBR> Disposições do texto se necessário para adicionar uma quebra de linha.

HTML5 Forms

Novos elementos de formulário, novos atributos, novos tipos de entrada, verificação automática.

elementos removidos

O seguinte HTML 4.01 elementos de HTML5 foi excluído:

  • <Sigla>
  • <Applet>
  • <Basefont>
  • <Big>
  • <Center>
  • <Dir>
  • <Font>
  • <Quadro>
  • <Frameset>
  • <NOFRAMES>
  • <Greve>

Exemplos de cada capítulo

Através do nosso editor de HTML, você pode editar o HTML, em seguida, clique no botão para ver os resultados.

Exemplos

<! DOCTYPE HTML> <Html> <Head> <Meta charset = "utf-8"> <Title> Este tutorial (w3big.com) </ title> </ Head> <Body> <Vídeo largura = "320" height = "240" controles> <Source src = "movie.mp4" type = "video / mp4"> <Source src = "movie.ogg" type = "video / ogg"> Seu navegador não suporta a tag de vídeo. </ Vídeo> </ Body> </ Html>

tente »

Clique no botão "Try" para visualizar os resultados da operação online.

Suporte do navegador HTML5

A última versão do Safari, Chrome, Firefox e Opera suporta algumas funcionalidades do HTML5. Internet Explorer 9 vai suportar algumas características HTML5.

navegador IE9 versões compatíveis dos seguintes métodos de HTML5, pacote html5shiv usar o site para recursos estáticos:

<! - [If lt IE9] > <script src = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ script> <! [Endif]! - ->

Após o carregamento, a inicialização do novo CSS etiqueta:

/ * Html5 * / artigo, de lado, de diálogo, rodapé, cabeçalho, seção, rodapé, nav, figura, o menu {display: block }

HTML5 Manual de Referência

Neste site você pode encontrar as tags HTML5 e atributos descritos em detalhes por favor clique HTML5 Manual de Referência .