29
Mar
2008
Elementos en-línea y de bloque en HTML
Publicado en HTML Avanzado el 29 de Mar de 2008 -
Los documentos HTML son archivos de texto que contienen elementos HTML. Definimos estos elementos con etiquetas. Por ejemplo, la etiqueta <p> sirve para definir un elemento que debe ser visualizado como un párrafo.
De acuerdo con la W3C, hay dos tipos de elementos HTML:
- %inline; (en-línea): son elementos al nivel de letras. Por ejemplo, aquellos elementos que hacen visualizar una letra o conjunto de letras en negrita o en cursiva.
- %block; (bloque): son elementos que trabajan al nivel de bloques de texto. Por ejemplo, aquellos elementos que hacen visualizar una oración o conjunto de oraciones como un párrafo o una lista.
Existen varias diferencias entre uno y otro:
- Los elementos de bloque pueden contener tanto elementos en-línea como otros elementos de bloque. Los elementos en-línea solo pueden contener otros elementos en-línea. Por ejemplo, si tomamos los elementos de bloque <div> y <p> y el elemento en-línea <strong>:
<div><p>Aquí va el contenido <strong>en negrita</strong></p></div>es correcto. Sin embargo:
<div><p>Aquí va el contenido <strong>en negrita</p></strong></div>es incorrecto. - Los elementos de bloque comienzan en una línea nueva. Los elementos en-línea se mantienen en la misma línea. Por ejemplo, si introducimos:
<div>Aquí va <p>el párrafo</p> y aquí va <code>el código</code>.</div>el resultado es:Aquí vael párrafo
y aquí vael código. - Los elementos de bloque heredan el atributo <dir>, que especifica la dirección del texto de la página web, cuando este es definido en <body>. Los elementos en-línea no pueden heredar este atributo, por lo que para aplicar este atributo en un texto, primero tenemos que crear elementos de bloque que contengan dicho texto.
