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
editarEn 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
editarTambié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
editarAlgunas 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
editarEsta lista no está completa
Plantillas en línea (span)
- Tipo de fuente:
- {{espaciado}}
- {{versalita}}, {{all small caps}}, {{uc}}, {{lc}}
- {{grandeinicial}}
- {{gótica}}
- {{gris}}, {{rojo}}, {{color}}
- Elementos flotantes:
- {{flotador izquierda}}, {{flotador derecha}}
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}} - {{***}}
- {{línea}} (
Ver también
editar- HTML Block and Inline Elements en w3schools.com