Topo

Div e span

Os elementos: <div> e <span> são utilizados para agrupar conteúdo (não apenas texto, mas código também).
O <div> é um elemento block e o <span> é inline.
Isto significa que o <div> é utilizado para bocados de texto e código, definindo e separando de outros elementos block.
O <span> já utilizado para formatar apenas pequenos pedaços de texto ou código.

Tentando alterar a mentalidade que infelizmente ainda é muito utilizada em Portugal, de construir sites com tabelas, a utilização correcta deveria ser através de elementos <div>. Utilizando classes e ids e formatando-os através de CSS.

Utilização do <div>

  1. <html>
  2. <head>
  3. <title>Título da página</title>
  4. </head>
  5. <body>
  6. <div id="menu">
  7. <ul>
  8. <li><a href="link01.html">Link 1</a>
  9. <li><a href="link02.html">Link 2</a>
  10. <li><a href="link03.html">Link 3</a>
  11. </ul>
  12. </div>
  13. </body>
  14. </html>

Utilização do <span> e o texto esquisito é texto simulado.

  1. <html>
  2. <head>
  3. <title>Título da página</title>
  4. </head>
  5. <body>
  6. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <span style="color: #ff0000;">Aenean et nibh</span>. Nunc elit turpis, ornare ut, tempor in, lobortis at, tellus. Pellentesque aliquam auctor nulla. <span style="font-weight: bold;">Lorem ipsum dolor sit amet</span>, consectetuer adipiscing elit. Maecenas tortor. Cras libero. Praesent vel orci eu lorem tincidunt dapibus.</p>
  7. </body>
  8. </html>

Posts Relacionados

    Não há posts relacionados

Comentários

Nenhum comentário

RSS feed para comentários neste post. TrackBack URI

Deixa um comentário

XHTML: Podes utilizar as seguintes tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

33 - 0.197 segundos.