Mudanças notáveis ​​em html5

A linguagem HTML é realmente apenas uma parte de uma imagem muito maior que é HTML5. Na verdade, HTML5 é a integração de várias tecnologias diferentes (HTML, CSS, javascript e tecnologias baseadas em servidor), que cada um tem o seu próprio papel.

Alterações de HTML para HTML5

Alterações à própria linguagem HTML são evidentes em HTML5. Algumas tags foram adicionadas ao padrão HTML 4, e um número foram levados. No entanto, HTML5 permanece compatível com HTML 4, então não há nenhuma exigência absoluta para escrever seu código no padrão HTML5. Adaptação do HTML 4 a HTML5 é provavelmente a parte mais fácil de se mudar para a mentalidade HTML completa.

Video: HTML5 and CSS3 beginners tutorial 7 - images

As principais alterações incluem:

• marcação semântica: HTML5 agora inclui novas tags que descrevem partes de um documento. Agora, existem marcas dedicadas para elementos de navegação, artigos, seções, cabeçalhos e rodapés.

• Novos elementos de formulário: formas HTML5 tem algumas grandes atualizações. Existem várias novas versões do elemento, permitindo aos usuários escolher as cores, números, endereços de e-mail e datas com elementos de fácil utilização.

• elementos de mídia: Finalmente, HTML5 tem suporte nativo para áudio e vídeo com etiquetas semelhantes ao tag.

• tela de pintura tag: o tela de pintura tag permite que o programador para construir gráficos de forma interativa. Esta capacidade permitirá capacidades muito intrigantes, como jogos de costume e elementos de interface.

A relação entre CSS e HTML5

Provavelmente o maior ajuste de HTML 4 é o relacionamento mudança entre HTML e CSS. CSS é central para o modo HTML5 de pensar. Em HTML5 (como em XHTML), a linguagem de marcação apenas descreve o que vários elementos dizer- CSS é usado para descrever como as coisas parecem.

Junto com o padrão HTML5 vem um novo padrão para CSS, chamado CSS3. É quase impossível falar sobre HTML5 sem incluir igualmente CSS3 porque eles são tão intimamente relacionados. Aqui estão as principais novidades:

• 
  
  
  

  Incorporado suporte de fonte: Com esta ferramenta tão esperada, você pode incluir uma fonte com uma página web, e ele irá processar mesmo se o usuário não tiver a fonte instalada em seu sistema operacional.

• Novos seletores: Selectores são usados ​​para descrever uma parte do código a ser modificado. CSS3 agora suporta novos seletores que permitem que você escolha todos os outros elementos, bem como sub-elementos específicos (diferentes tipos de tags de entrada, por exemplo).

• colunas: HTML nunca teve suporte decente para colunas, e todos os tipos de hacks têm sido usados ​​para superar esta lacuna. Finalmente, o CSS inclui a capacidade de quebrar um elemento em qualquer número de colunas facilmente.

• melhorias visuais: CSS tem uma série de novos recursos interessantes: transparência, sombras, cantos arredondados, animações, gradientes e transformações. Estes fornecem uma profunda novo nível de controle sobre a aparência de uma página.

javascript e HTML5

Se HTML descreve o que partes do documento são, e CSS descrever como essas peças olhar, javascript define como elementos agir. javascript é uma linguagem de programação full-blown e uma parte muito importante do ponto de vista HTML5. Alguns dos recursos mais interessantes do HTML5 são acessíveis apenas através de javascript.

Video: Mudanças com o HTML5 • Palestra

• Os gráficos vetoriais apoiar: Baseados em vetores gráficos fornecem uma alternativa interessante aos gráficos tradicionais, porque eles podem ser criados em tempo real por meio de código. HTML5 realmente tem duas maneiras de fazer isso: através de SVG (Scalable Vector Graphics) eo tela de pintura tag.

  Video: HTML5 and CSS3 beginners tutorial 20 - background images

• Novos seletores: A maioria de programação javascript começa agarrando um elemento por ID. HTML5 agora permite que você selecione elementos pelo nome tag, ou pelos mesmos mecanismos que você usa para selecionar elementos em CSS.

• mecanismos de armazenamento local: As versões anteriores do HTML permitido o armazenamento muito limitada de informações sobre o cliente. HTML5 agora permite que o desenvolvedor para armazenar dados no cliente. Há até mesmo um gerente de banco de dados integrado que aceita comandos SQL.

• geolocalização: Esta característica interessante usa uma variedade de mecanismos para determinar onde o usuário está localizado.

tecnologias de servidor e HTML5

desenvolvimento web moderna é sobre comunicação. Todas as tecnologias que compõem HTML5 residem no navegador web, que é uma parte importante da web. No entanto, uma parte igualmente importante do desenvolvimento web é uma série de tecnologias que vivem no servidor web. Muitas das coisas mais interessantes acontecendo tecnologias de uso hoje, como PHP ou ASP para executar programas que criam páginas da web ou usar programas de banco de dados, como Oracle ou MySQL para gerenciar grandes quantidades de dados. O advento do AJAX tornou integração entre essas tecnologias e o navegador muito mais fácil. Você pode esperar para usar uma série de outras aplicações e tecnologias em conjunto com HTML5.