Organização simples de recursos básicos e sintaxe de html5

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.

As 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.

O 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.

O 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.

O 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: