sexta-feira, 28 de março de 2014

Sessões

Todas as tags utilizadas para definir sessões se encontram dentro de outra tag, a obrigatória <body>. Cada sessão tem sua funcionalidade, a maioria delas só foram desenvolvidos a partir do HTML 5.

<body> - Define o corpo do documento HTML.

<article> - Especifica um conteúdo independente.

<section>  - Define sessões genéricas em um documento HTML.

<nav> - Define links de navegação.

<aside> - Define um conteúdo, além do conteúdo da página.

<h1>  - Define cabeçalho de primeiro nível.

<h2> - Define cabeçalho de segundo nível.

<h3> - Define cabeçalho de terceiro nível.

<h4> - Define cabeçalho de quarto nível.

<h5> - Define cabeçalho de quinto nível.

<h6> - Define cabeçalho de sexto nível.

<hgroup> - Usado para títulos do grupo.

<header> - Define um cabeçalho do documento ou seção.

<footer> - Define um rodapé de um documento ou seção.

<address> - Utilizado para adicionar informações de contato do autor.


Exemplo:

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF=8">
    <title>Sessões</title>
</head>
<body>
     <article>
          <h1>article:</h1>
          <p>Serve para especificar um conteúdo independente.</p>
     </article>
     <header>
          <h1>header:</h1>
          <p>Define um cabeçalho do documento ou sessão.</p>
     </header>
     <section>
          <h1>section:</h1>
          <p>Define sessões genéricas em um documento html.</p>
     </section>
     <nav>
          <a href="/nav1/">Nav1</a> |
          <a href="/nav2/">Nav2</a> |
          <a href="/nav3/">Nav3</a> |
          <a href="/nav4/">Nav4</a>
     </nav>
     <aside>
          <h1>aside:</h1>
          <p>Define um conteúdo, além do conteúdo da página.</p>
     </aside>
     <h1>Cabeçalho nível 1</h1>
     <h2>Cabeçalho nível 2</h2>
     <h3>Cabeçalho nível 3</h3>
     <h4>Cabeçalho nível 4</h4>
     <h5>Cabeçalho nível 5</h5>
     <h6>Cabeçalho nível 6</h6>
     <hgroup>
          <h1>hgroup:</h1>
          <h2>Define um conteúdo, além do conteúdo da página.</h2>
     </hgroup>
     <footer>
          <h1>footer:</h1>
          <p>Define um rodapé de um documento ou seção.</p>
     </footer>
     <address>
        Escrito por <a href="http://por-una-cabeza.blogspot.com.br/">Edilson Filho</a>.
     </address>
</body>
</html>

No navegador:




Nenhum comentário:

Postar um comentário