English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML5é uma maneira de descrever a linguagem de construção de conteúdo da Web. HTML5é o padrão da próxima geração da Internet, uma maneira de construir e apresentar conteúdo da Internet. Considerado uma das tecnologias centrais da Internet. O HTML surgiu1990 ano,1997ano HTML4tornou-se padrão da Internet e é amplamente aplicado no desenvolvimento de aplicações da Internet.
HTML5é a versão mais recente do HTML,2014ano10mês pela World Wide Web Consortium (W3C) completou a elaboração do padrão.
HTML5foi projetado para suportar mídia multimídia em dispositivos móveis.
HTML5é a especificação do idioma HTML central do Web, onde o conteúdo que os usuários veem ao navegar na web é originalmente em formato HTML, transformado em algo reconhecível pelo navegador através de algumas técnicas.
HTML5 fácil de aprender.
HTML5 é o padrão HTML da próxima geração.
HTML, HTML 4.01a versão anterior foi lançada em 1999 ano. Desde então, o mundo da Web já passou por grandes mudanças.
HTML5 ainda está em desenvolvimento. No entanto, a maioria dos navegadores modernos já possui certos HTML5 suporte.
HTML5 é W3C colabora com o WHATWG, o que resulta em, WHATWG é o Web Hypertext Application Technology Working Group.
WHATWG se dedica a formulários web e aplicativos, enquanto W3C se concentra em XHTML 2.0. Em 2006 ano, as duas partes decidiram colaborar para criar uma nova versão do HTML.
HTML5 algumas novas características interessantes:
elemento canvas para desenho
elementos video e audio para reprodução de mídia
melhor suporte para armazenamento offline local (localStorage e sessionStorage)
novos elementos de conteúdo especial, como article, footer, header, nav, section
novos controles de formulário, como calendar, date, time, email, url, search
HTML5traz o Web para uma plataforma de aplicativo madura, onde vídeos, áudio, imagens, animações e interações com dispositivos são padronizadas.
A declaração <!doctype> deve estar localizada em HTML5 A primeira linha do documento, muito simples de usar:
<!DOCTYPE html>
Fazer isso fará com que o HTML ainda não suportado5navegadores usam o modo de análise padrão, o que significa que eles analisarão esses HTML5compatível com partes antigas do HTML, enquanto ignora aquelas que não suportam HTML5novo recurso.
Este doctype é mais curto e mais simples do que o anterior, tornando-o mais fácil de lembrar e reduzindo o número de bytes a serem baixados.
A primeira coisa que se faz em uma página é declarar o conjunto de caracteres usado. Nas versões anteriores do HTML, era um elemento <meta> muito complexo, agora se tornou muito simples:
<meta charset="UTF-8">
Coloque isso em seu <head>, pois em alguns navegadores, se a declaração de conjunto de caracteres for diferente do esperado, eles re解析arão o documento HTML.-8Recomenda-se que você mude seu site para essa codificação, pois ela simplifica o tratamento de caracteres em arquivos por diferentes scripts.
Vale a pena notar que o HTML5Restrição do conjunto de caracteres disponíveis, que precisam ser compatíveis8ASCII. Isso é feito para fortalecer a segurança e evitar alguns tipos de ataques.
A seguir está um exemplo simples de HTML5Documento:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Eu sou um html5Título do documento</title> </head> <body> html5Conteúdo do documento...... </body> </html>
Atenção: Para páginas da web em chinês, é necessário usar <meta charset="utf-8"> Declaração de codificação, ou aparecerá como código ilegível.
Novos elementos
Novas propriedades
Completa suporte CSS3
Video e Audio
2D/3Desenho D
Armazenamento local
SQL dados locais
Aplicação Web
Use HTML5 Você pode simplesmente reproduzir vídeos (video) e áudio (audio) na página da web.
Use HTML5 Você pode simplesmente desenvolver aplicativos
Armazenamento de dados locais
Acesso a arquivos locais
SQL dados locais
Referências de cache
JavaScript Worker
XHTMLHttpRequest 2
Use HTML5 Você pode simplesmente desenhar gráficos:
Novos seletores
Novas propriedades
Animação
2D/3Transformação D
Bordas arredondadas
Efeitos de sombra
Fontes de caracteres descargas
Para saber mais sobre CSS3Conheça as informações CSS3 Tutorial.
HTML5 Adicionou muitos elementos semânticos conforme mostrado a seguir:
| Etiqueta | Descrição |
| <article> | Define uma área de conteúdo independente da página. |
| <aside> | Define o conteúdo da barra lateral da página. |
| <bdi> | Permite que você defina um trecho de texto para que ele se libere da orientação de texto do elemento pai. |
| <command> | Define um botão de comando, como botões de rádio, caixas de seleção ou botões |
| <details> | Usado para descrever os detalhes de um documento ou de uma parte específica do documento |
| <dialog> | Define um diálogo, como uma caixa de diálogo |
| <summary> | Título que contém o elemento details |
| <figure> | especifica conteúdo em fluxo independente (imagens, gráficos, fotos, código etc.). |
| <figcaption> | define o título do elemento <figure>. |
| <footer> | define o rodapé da seção ou do documento. |
| <header> | define a área de cabeçalho do documento. |
| <mark> | define texto com marcadores. |
| <meter> | define medidas. Apenas usado para medidas com valores máximos e mínimos conhecidos. |
| <nav> | define a parte do link de navegação. |
| <progress> | define o progresso de qualquer tipo de tarefa. |
| <ruby> | define o comentário ruby (pinyin chinês ou caracteres). |
| <rt> | define a explicação ou pronúncia de caracteres (pinyin chinês ou caracteres). |
| <rp> | usado em comentários ruby, define o conteúdo exibido pelos navegadores que não suportam elementos ruby. |
| <section> | define a seção (section, seção) no documento. |
| <time> | define data ou hora. |
| <wbr> | define onde no texto é apropriado adicionar quebras de linha. |
novos elementos de formulário, novas propriedades, novos tipos de entrada, verificação automática.
os seguintes HTML 4.01 elemento no HTML5foi removido:
<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
Através do nosso editor HTML, você pode editar HTML e, em seguida, clicar no botão para ver os resultados.
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>基础教程网(oldtoolbag.com)</title> </head> <body> <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Seu navegador não suporta o标签 video. </video> </body> </html>testar e ver ‹/›
A última versão do Safari, Chrome, Firefox e Opera suportam certos HTML5 características. Internet Explorer 9 Suportará algumas características HTML5 características.
IE9 A seguir, versões de navegadores compatíveis com HTML5metodo, use os recursos estáticos html5Pacote shiv:
<!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]>-->
Após a carga, inicialize o CSS para novos rótulos:
/*html5*/
article,aside,dialog,footer,header,section,nav,figure,menu{display:block}No nosso site você pode encontrar informações sobre HTML5 descrição dos elementos e atributos, detalhes clique aqui HTML5Manual de Referência.