Ayuda:Elementos en bloque y en línea

Wikisource usa HTML para la estructura del contenido, y CSS para el estilo. El "wikicódigo" es traducido a etiquetas HTML por el software.

Elementos en bloque y en línea

En HTML hay dos tipos fundamentales de elementos: elementos en línea y elementos en bloque. En términos generales, el texto se almacena en elementos en línea, y los elementos en bloque le dan estructura al texto.

	En línea	En bloque
Ejemplos de etiquetas HTML	span, b, i	div, p, table, li, hr, h1-6
Ancho	Sólo el que necesitan	Ocupan todo el ancho de su bloque contenedor (por defecto)
Salto de línea	Se disponen en la misma línea que otros elementos	Al insertarse, agregan un salto de línea
Alineación	Se alinean según su bloque contenedor	Pueden tener su propia alineación
Pueden contener	Sólo elementos en línea	Elementos en línea y en bloque

Un documento HTML está compuesto de elementos en bloque y en línea anidados uno dentro del otro. Existe una regla importante: un elemento en línea no puede contener un elemento en bloque. Los elementos en bloque pueden contener tanto elementos en línea como en bloque.

Si anidas un elemento en bloque dentro de uno en línea, resulta en HTML inválido, y el contenido puede no verse como pensabas. Además, MediaWiki detecta estos errores como "HTML5 misnesting lint error", y agrega la página a Especial:Errores_de_sintaxis/html5-misnesting.

Párrafos

También se producen problemas al insertar bloques en una etiqueta de párrafo (p), aunque p sea un elemento en bloque.

A veces MediaWiki envuelve los párrafos en etiquetas p, lo que puede causar problemas, especialmente con saltos de línea elementos en línea. Por ejemplo, el siguiente código es inválido:

''Primer párrafo en cursiva

Segundo párrafo en cursiva''

Esto es porque aparecerá una etiqueta <p> dentro de la etiqueta <i> (las cursivas).

Si necesitas que una plantilla incluya un salto de línea, debes usar una etiqueta <div>, no una <span>.

Plantillas en bloque o en línea

Algunas plantillas usan elementos en línea ({{menor}}) y otras en bloque ({{centrar}}). Esto significa que:

{{centrar|  {{menor| Esto está permitido: span dentro de div}}}}
{{menor| {{centrar|  Esto no está permitido: div dentro de span}}}}

Algunos elementos de wikicódigo que general HTML en bloque, y por lo tanto no deben usarse dentro de un elemento en línea:

Saltos de línea

como este insertan una etiqueta <p>

* Las listas
* también son bloques

{|
| Igual que || las || tablas
|}

La mayoría de las plantillas en línea deberían tener su contraparte en bloque. Por ejemplo, {{menor}}, y {{bloque menor}}.

Las plantillas en bloque se pueden anidar libremente:

{{bloque menor| {{centrar| Esto está permitido: div dentro de div.}}}}

Lista de plantillas

Esta lista no está completa

Plantillas en línea (span)

• Tamaño del texto:
  • {{menor}}, {{x-menor}}, ...
  • {{grande}}, {{x-grande}}, ...

• Tipo de fuente:
  • {{espaciado}}
  • {{versalita}}, {{all small caps}}, {{uc}}, {{lc}}
  • {{grandeinicial}}
  • {{gótica}}
  • {{gris}}, {{rojo}}, {{color}}

• Elementos flotantes:
  • {{flotador izquierda}}, {{flotador derecha}}

• Otros elementos en línea:
  • {{brecha}}
  • {{barra}}
  • {{ilegible}}

Plantillas en bloque (div)

• Tamaño del texto:
• {{bloque menor}}, {{bloque x-menor}}, ...
• {{bloque grande}}, {{bloque x-grande}}, ...

• Alineación
  • {{centrar}}, {{derecha}}
  • {{bloque centro}}, {{bloque derecha}}

• Sangría
  • {{sangría colgante}}

• Líneas
  • {{línea}} (<hr>), {{línea adornada}}
  • {{***}}

• Columnas
  • {{div col}}
  • {{multicol}}

Ver también

• HTML Block and Inline Elements en w3schools.com