HTML5 - Tags semnticas

  • Published on
    26-Jun-2015

  • View
    1.398

  • Download
    2

Transcript

  • 1. HTML (Hypertext Markup Language) ou em portugus Linguagem de Marcao de Hipertexto uma das linguagens usada para desenvolvimento web a linguagem base da internet. Foi criada por Tim Berners-Lee na dcada de 1990. Ele criou o HTML para a comunicao e disseminao de pesquisas entre ele e seu grupo de colegas.O HTML uma linguagem baseada em marcao(tags). Ns marcamos os elementos para mostrar quais informaes a pgina exibe. Exemplo: Ttulo da pgina Aqui vai o texto do ttulo

    Aqui vai o texto do pargrafo.

2. Ento Voc viu o slide passado? HTML5 uma evoluo do HTML4, que trouxe muitas melhorias. 3. Os Padres Web so recomendaes do W3C, que orienta os desenvolvedores para o uso de boas prticas que tornam a web acessvel para todos. 4. A Web Semntica uma evoluo da nossa web atual com as informaes devidamente organizadas. Com a Web Semntica, as mquinas compreendero essas informaes e assim, podero nos auxiliar em tarefas corriqueiras. (Tableless Diego Eis) 5. O elemento especifica o contedo independente, auto-suficiente.Um artigo deve fazer sentido por conta prpria e que deve ser possvel para distribu-lo de forma independente do resto do site. Exemplos de onde um elemento pode ser usado: Frum ps Post no blog Notcia Comentrios Una Barreiro

Palestra html5

6. O elemento define algum contedo de lado a partir do contedo colocado em (como uma barra lateral). O contedo de lado deve estar relacionado com o contedo circundante.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed.

Informativo

Excepteur sint occaecat cupidatat.

7. A tag especifica o contedo auto-suficiente, como ilustraes, diagramas, fotos, listas de cdigo, etc. A tag define uma legenda para um elemento . Fig1. - The Pulpit Pock, Norway. 8. O elemento especifica um rodap de um documento ou seo. Um elemento deve conter informaes sobre o elemento que contm. Normalmente um rodap contm o autor do documento, informaes de copyright, links com os termos de uso, informaes de contato, etc.

Posted by: Hege Refsnes

9. O elemento especifica um cabealho de um documento ou seo. O elemento deve ser usado como um recipiente para o contedo introdutria. Voc pode ter vrios elementos em um documento. Internet Explorer 9

Windows Internet Explorer 9 (abbreviated as IE9) was released to the public on March 14, 2011 at 21:00 PDT.....

10. A tag define texto marcado. Use a tag se voc quiser destacar partes do seu texto.

Eu gosto de chocolate branco.

11. O elemento define um conjunto de links de navegao. O elemento destina-se grandes blocos de links de navegao. No entanto, nem todos os links em um documento deve estar dentro de um elemento ! HTML | CSS | JavaScript | jQuery 12. O elemento define uma seo(parte) de um documento. De acordo com a documentao de HTML5 do W3C: "Uma seo um agrupamento de contedo temtica, tipicamente com um ttulo." WWF

The World Wide Fund for Nature (WWF) is....

13. A tag define tanto um tempo (relgio de 24 horas), ou uma data no calendrio gregoriano, opcionalmente, com um tempo e compensar um fuso horrio. Esse elemento pode ser usado como uma maneira de codificar as datas e horrios de uma forma legvel por mquina, de modo que, por exemplo, os agentes podem oferecer para adicionar lembretes de aniversrio ou eventos programados para o calendrio do usurio, e os motores de busca podem produzir resultados de busca mais inteligentes.

We open at 10:00 every morning.

I have a date on Valentines day.

14. bom lembrando que todos elementos HTML tem sua importncia e seu valor semntico. 15. Isso mesmo todos os elementos tem sua importncia e seu valor semntico. 16. As metatags so uma tima maneira para os desenvolvedores fornecerem informaes sobre seus sites a mecanismos da pesquisa. 17. AtributosValorDescriocharsetcharacter_setEspecifica a codificao de caracteres para o documento HTMLcontenttxtD o valor associado com o http-equiv ou atributo de nomehttp-equivcontent-type default-style refreshnameapplication-name author description generator keywordsFornece um cabealho HTTP para a informao / valor do atributo contentEspecifica um nome para os metadados 18. 19. itemscopeitemtypeIndica uma entidadeIndica um itemitemprop Valor do item 20.
Avatar

Diretor: James Cameron (16 de agosto de 1954)

Fico Cientfica

Veja o trailer

21.
Avatar

Diretor: James Cameron

Fico Cientfica

Veja o trailer

22. O WAI ARIA define uma maneira de tornar o contedo Web e aplicaes Web mais acessveis a pessoas com deficincia. 23. Luna, Bernard. Titulo: Semntica: Uma jornada pelos componentes web. Disponvel em: http://www.slideshare.net/bernarddeluna/semntica-uma-jornada-pelos-componentesweb. Data de acesso: 20/10/2013 Agni, Edu. Titulo: A Semntica do HTML5 Disponvel em: http://www.slideshare.net/edu_agni/a-semntica-do-html5?from_search=6 Data de acesso: 21/10/2013 Eis, Diego. Titulo: A Web Semntica Disponvel em: http://tableless.com.br/a-web-semantica/ Data de acesso: 20/10/2013 24. Thiago Alvernaz Web Designer & Front-End na Nave Publicidade. Facebook.com/ThiagoAlvernaz @thiagoalvernaz