Aula 2 - Titulação Semântica

Olá! Tudo Bem?

A nova linguagem HTML5, traz uma característica diferenciada das anteriores, ela traz a SEMÂNTICA à programação, ou seja, agora as TAG's tem característica semânticas importante para o desempenho da linguagem, exemplo:

Agora os Sites de Pesquisa(Google) para localizarem algum conteúdo, é necessário o entendimento semântico para tal.

Se eu quiser procurar o conteúdo ANDROID, os Browser's irão procurar apenas nas características semânticas dos sites, por exemplo: dentro dos Títulos(Heading's); Imagens(Img) e etc..

Feito isso, iniciaremos o nosso Conteúdo agora:

Titulação(Headng's)

Usamos a tag "h" para dividir nosso conteúdo em graus de importância, e é o conteúdo que caracteriza o valor semântico para a pesquisa web.

Ela se divide em seis níveis hierárquicos de importância, veja:

e é estabelecido da seguinte maneira:

Conteúdo da Página

Agora precisamos aprender a postar conteúdo e a melhor TAG para tal é a "p" que define parágrafos em uma página, tal qual um documento, em  página devemos dividir o conteúdo em parágrafos para melhor leitura e visualização, além de facilitar a pesquisa semântica dos browser's.
Esta TAG funciona assim:
Primeiro faça a seguinte modificação:

Salve e visualize o resultado:

Isso ocorre porque o código HTML não reconhece espaços em branco. Portanto, não importa o espaço que deixarmos entre uma palava e outra ou entre uma linha e outra, pois o máximo que irá acontecer será uma palavra ficar separada da outra.

Parágrafo

Para a criação de parágrafos é definida pela tag P. Cada tag P deve conter abertura e fechamento para indicar onde termina o parágrafo. veja:

Salve e visualize:

Note que agora aparece a separação entre os parágrafos e já há um entendimento semântico.

a Tag P tem algumas característica chamadas de métodos, veja:

Faça o exemplo:

Veja o resultado:

Quebra de Linha

A quebra de linha é usada apenas para mudar um determinado ponto do parágrafo de linha. Isso acarreta uma diferença na visualização. Volte o exemplo anterior

Se prestarmos atenção, há um grande espaço deixado entre uma linha e outra do parágrafo, porque são dois parágrafos diferentes. Mas se quisermos criar um parágrafo com duas linhas, obrigatoriamente, usaremos a quebra de linha que é identificado pela tag BR.

agora aplique as quebras de linha:

veja o resultado:

Veja a diferença entre os espaçamentos

Tarefa:

Procure conteúdos para o seu site, como:

• Produtos
• Serviços
• Entrevistas
• Reportagens
• etc...

A idéia é que o nosso site fique tenha 9 conteúdos diferentes, veja:

Boa Sorte!

Compartilhe ! Tweet