Este artigo apresenta principalmente os recursos básicos e a sintaxe do HTML5, que é o conhecimento básico na introdução ao HTML5. Amigos que precisam podem se referir à visão geral do HTML5
HTML5 é a próxima versão importante do padrão HTML para substituir o HTML 4.01, XHTML 1.0 e XHTML 1.1. O HTML5 também é um padrão para construir e apresentar conteúdo na World Wide Web.
HTML5 é o produto da colaboração entre a World Wide Web Alliance (W3C) e o grupo de trabalho sobre tecnologia de hipertexto das páginas da web (Whatwg).
Esse novo padrão incorpora recursos como reprodução de vídeo e arrastar e soltar, que costumavam confiar em plug-ins de navegador de terceiros, como Adobe Flash, Microsoft Silverlight e Google Gears.
Suporte do navegadorAs mais recentes versões dos Apple Safari, Mozilla Firefox e Opera suportam a maioria dos recursos HTML5, e o IE9 também suporta alguns recursos HTML5.
Os navegadores móveis pré -instalados em iPhones, iPads e telefones Android têm um bom suporte para HTML5.
Novos recursosO HTML5 apresenta muitos novos elementos e atributos para nos ajudar a criar sites modernos. Aqui estão os principais recursos introduzidos pelo HTML5:
Novos elementos semânticos: como <wewer>, <weeber> e <seção>.
Formulário 2.0: Formulários da Web HTML aprimorados e introduziram algumas novas propriedades na tag <input>.
Armazenamento local persistente: para não ser implementado através de plug-ins de terceiros.
WebSocket: A próxima geração de tecnologia de comunicação bidirecional para aplicativos da Web.
Eventos para push do servidor: o HTML5 apresenta eventos de um servidor da Web em um navegador da Web, também conhecido como servidor Push Events (SSE).
Canvas: suporta desenho bidimensional programático usando JavaScript.
Áudio e vídeo: incorporar áudio ou vídeo em páginas da web sem a necessidade de plug-ins de terceiros.
Geolocation: os usuários podem optar por compartilhar sua geolocalização com nossa página da web.
Microdata: nos permite criar vocabulário personalizado fora do HTML5 e estender as páginas da Web usando semântica personalizada.
Arraste e solte: arraste e solte uma entrada na mesma página da web de um local para outro.
Compatível para trásO HTML5 foi projetado para ser o mais compatível com o atraso possível para os navegadores existentes. Novos recursos são construídos sobre os recursos existentes e nos permitem fornecer conteúdo alternativo para navegadores antigos.
Recomenda -se usar uma pequena quantidade de código JavaScript para detectar o suporte de um único recurso HTML5.
Sintaxe HTML5O HTML5 possui sua própria sintaxe HTML, que é compatível com documentos HTML 4 e XHTML1 que foram publicados na Web, mas não possui os recursos SGML mais complexos no HTML 4.
O HTML5 não requer nomes de tags minúsculos no XHTML, os atributos devem ser citados, os atributos devem ter um valor e as regras de sintaxe que devem fechar todos os elementos vazios.
No entanto, o HTML5 é mais flexível e suporta os seguintes formulários:
Nome da tag Capitalização.
Citações duplas para o atributo são opcionais.
O valor do atributo é opcional.
O elemento vazio fechado é opcional.
Doctype
Nas versões mais antigas do HTML, o doctype é longo porque o idioma HTML é baseado no SGML e exige que um DTD seja referenciado.
Os autores HTML5 podem usar sintaxe simples para especificar a seguinte forma de doctype:
Código XML/HTML Copito de Conteúdo para a área de transferência