Html5 Semantica 131023084806 Phpapp02
1142 palavras
5 páginas
TAGSSEMÂNTICA
S
Um pouco de conhecimento HT
ML
HTML (Hypertext Markup Language) ou em português Linguagem de Marcação de Hipertexto é uma das linguagens usada para desenvolvimento web é a linguagem base da internet.
Foi criada por Tim Berners-Lee na década de 1990. Ele criou o HTML para a comunicação e disseminação de pesquisas entre ele e seu grupo de colegas.
O HTML é uma linguagem baseada em marcação(tags). Nós marcamos os elementos para mostrar quais informações a página exibe.
Exemplo:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Título da página</title>
</head>
<body>
<h1>Aqui vai o texto do título</h1>
<p>Aqui vai o texto do parágrafo. </p>
</body>
</html>
HTM
L5
Então…
Você viu o slide passado?
HTML5 é uma evolução do HTML4, que trouxe muitas melhorias.
Evolução
Agora vamos para o que interessa
Padrões Web
Os Padrões Web são recomendações do
W3C, que orienta os desenvolvedores para o uso de boas práticas que tornam a web acessível para todos.
Web Semântica
A Web Semântica é uma evolução da nossa web atual com as informações devidamente organizadas.
Com a Web Semântica, as máquinas compreenderão essas informações e assim, poderão nos auxiliar em tarefas corriqueiras. (Tableless – Diego Eis)
Evolução da semântica no HTML
Lindo né
Elementos semânticos no HTML5
<article
>
O elemento <article> especifica o conteúdo independente, auto-suficiente.
Um artigo deve fazer sentido por conta própria e que deve ser possível para distribuí-lo de forma independente do resto do site.
Exemplos de onde um elemento <article> pode ser usado:
Fórum pós
Post no blog
Notícia
Comentários
Exe
mplo
<article>
<h1>Una Barreiro</h1> <p>Palestra html5…<p>
</article>
<aside
>
O elemento <aside> define algum conteúdo de lado a partir do conteúdo é colocado em (como uma barra lateral).
Exe
O conteúdo de lado deve estar relacionado com o conteúdo circundante.
mplo
<p>Lorem ipsum dolor sit amet, consectetur adipisicing