Ayuda:Elementos en bloque y en línea

(Redirigido desde «Ayuda:DIVSPAN»)

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

editar

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

editar

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

editar

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

editar

Esta lista no está completa

Plantillas en línea (span)

Plantillas en bloque (div)

Ver también

editar