As noções básicas de html5

Video: HTML5 Tutorial For Beginners 8 # Intro to HTML & CSS

A mais recente evolução do HTML é HTML5, que leva saltos de web design e barrancos para a frente. Esta geração oferece um amplo conjunto de elementos e propriedades - que permitem novas possibilidades legais de design e interação. Porque HTML5 também suporta dispositivos de web móvel, tornou-se rapidamente o novo padrão e é agora suportado por todos os principais navegadores (embora o Internet Explorer requer que a página web incluem um código calço - um segmento de código redundante escrito de uma forma que o Internet Explorer pode entender).

A solução móvel e favorável ao dispositivo para sites

Com a introdução do HTML5, uma questão particularmente espinhosa pode ter sido finalmente colocado para descansar: alcançar efeitos de animação frescos em dispositivos Apple sem o uso de flash. A plataforma de dispositivo da Apple nunca apoiou o Flash. Esta recusa foi mais sobre o Flash monopolizando recursos da bateria e largura de banda de cerca de rivalidade empresa com Adobe (os criadores do Flash). Seja qual for o caso, os sites que costumavam Flash para absolutamente nada - digo, navegação, interação, ou efeitos de animação - simplesmente não iria funcionar em iPhones ou iPads. HTML5 veio para o resgate.

Video: Funções: Noções Básicas (Aula 1 de 15)

Uma alternativa de animação

Com a introdução do novo elemento em HTML5, há agora um recipiente (similar ao elemento CSS div) que pode conter animações javascript frescos e funções interativas. Como o javascript é uma linguagem de scripting poderoso e pode fazer um monte de que o Flash pode fazer, essa combinação tela-plus-javascript apresenta uma abordagem alternativa real à animação da Web suportado em ambos desktop e navegadores móveis.

Video: HTML5: Lesson 1 - Absolute Basics

A desvantagem, claro, é que você terá de domar javascript para fazer todo este material puro acontecer - e javascript é uma linguagem bastante robusto! A vantagem é que o céu é o limite. Com javascript, você pode criar interfaces de usuário de fantasia, desenhar diagramas com elementos de forma básicos, escala e girar itens, e carregar imagens externas dentro e para fora. Para usar o tag, você tomar duas ações: Você incluir um tag em seu HTML e criar um javascript que tem como alvo a tela.

apoio touchscreen

Nos últimos anos, o advento de dispositivos touchscreen tem forçado os designers a repensar a forma como eles projetar interfaces. Os designers podem fazer uso de vários eventos de toque: Dedo em algo, dedo movendo-se através de um elemento, eo dedo removido - ou (em termos mais técnicos) touchstart, TouchMove, touchend e touchcancel. Estes eventos nativas HTML5 trabalhar em WebKit (que são os navegadores Chrome e Safari) e permitir que praticamente qualquer tipo de interação dedo tais como arrastar, pitada e zoom e girar.

Geolocation para sites

No passado, para obter a localização geográfica de um usuário, você teria que usar um script de detecção de IP que acessou um banco de dados e fazer uma suposição razoável sobre o paradeiro gerais do usuário e precisas para um nível regional. HTML5 agora suporta recuperar geolocations mais específicos: Usando javascript, você pode encontrar longitude e latitude informações através de GPS (para dispositivos móveis) e Wi-Fi informações roteador (para computadores portáteis e de secretária). Você pode até obter altitude e um carimbo de tempo no local. Claro, o usuário deve concordar em liberar essa informação de localização.

Agora, pontos de longitude e latitude de um usuário só são úteis para recuperar no contexto de um mapa - então você tem que integrar esses dados com API Static Map do Google.

A outra coisa a notar é que uma vez que o navegador sabe sua posição, é possível rastrear sua posição como bem! Isso pode soar Big Brother-ish, mas imagine uma aplicação móvel que sabe onde você está em um shopping center e serve-se cupons para lojas que estão em ou perto como você se move sobre.

manipulação de conteúdo poderoso

Diversos melhoramentos em HTML5 permitem que os designers mais controle sobre vários elementos de conteúdo na página. Por exemplo, o novo atributo contenteditable pode ser atribuído a qualquer elemento que você deseja que o usuário seja capaz de editar - por exemplo, um campo de texto que tem exemplo de texto que o usuário pode substituir com texto de propósito específico.

Outra atualização que HTML5 fornece é uma expansão para o kit de ferramentas form-design. Agora você pode adicionar controles deslizantes de gama, um campo de pesquisa, uma opção para inserir texto padrão para os campos de entrada, como encontrar livros, um calendário pop-up para a seleção de data, e até mesmo um seletor de cores que abre seletor de cores do computador. Além disso, o HTML5 oferece suporte nativo para elementos de formulário necessários. Você pode simplesmente adicionar o atributo necessário para uma entrada, selecionar, ou elemento de área de texto. Em conjunto com este novo componente necessário, CSS permite que você direcione esses campos necessários e dar-lhes um único olhar e sentir.