HTML5?

  • Published on
    01-Sep-2014

  • View
    2.645

  • Download
    5

DESCRIPTION

Apresentao de Tiago Oliveira, na primeira edio das Active Sessions, da Active Media, sobre HTML5.

Transcript

HTML5? Tiago Oliveira HTML ? H yper T ext M arkup L anguage Linguagem de markup HyTime + SGML Desenvolvido pela World Wide Web Consortium Cria documentos com dados hierarquicamente organizados Estrutura bsica Ttulo do Documento Ttulo Lorem Ipsum is simply dummy text of the printing and typesetting industry. Limitaes do HTML 4.01 Necessrio recorrer a linguagens de programao (PHP, ASP, Javascript, FLASH, Silverlight, etc) para dinamizar o trabalho Tem 9 anos Visualizao de videos apenas possivel com plugin extra Novidades do HTML 5? Structural elements Inline elements , & Context menu Tipos de input nos Removidos alguns elementos Character encoding syntax Interactive elements DTD href opcional no async PUT e DELETE nos Local storage Novos elementos (structural) Foram criados novos elementos para definir contedos especficos do documento: - Uma seco de texto - Permite substituir o id="header". Diferente de - Zona com informaes no "rodap" - Menu - Um artigo de um blog poder ser delimitado com esta tag - Informao extra relativamente a um texto - Pode ser utilizado para adicionar um titulo a grficos e videos Esquema lgico de uma pgina Novos elementos (inline) Estes novos elementos inline ajudam a indicar contedos especficos como horas ou nmeros: - Permite indicar que uma parte do texto est marcada por alguma razo. Numa pgina de resultados de uma pesquisa, por exemplo - Representar horas ou datas - Indicar o progresso de algo - Define uma medio Elemento Permite criar uma rea de desenho, na qual podemos desenhar desde simples figuras geomtricas at imagens complexas, como bitmaps O contedo da tag criado atravs de javascript [Content that is shown to users using browsers that don't support the canvas tag] Elementos e Permite simplificar a incluso de videos ou audio Dispensa a utilizao de plugins extra para este tipo de contedos your browser does not support the video tag Form input types datetime datetime-local date month week time number range email url Search: document.getElementById('search').focus() Search: Elementos removidos onym applet basefont big center dir font frame frameset isindex noframes noscript s strike tt u Simplicidade Character encoding syntax DTD Optional href on links til em aplicaes web O atributo async Define que um bloco de scripts pode ser executado simultaneamente Geolocalizao, Storage & Offline Geolocalizao Permite saber a localizao do utilizador e desta forma disponibilizar contedos especficos para o local Local storage Funciona mais ou menos como os cookies mas permite armazenar maior quantidade de informaes Offline Permite utilizar uma pgina em modo offline. Muito til para aplicaes Web Exemplos de HTML5 http://mugtug.com/sketchpad/ http://html5demos.com/ http://www.sapo.pt/