Ir al contenido

Plantilla:Listaref/doc

De Mexpedia
{{listaref|2|ancho=600px|refs=|grupo=|estilolista=}}

Donde «2» corresponde al número de columnas y «xxx» es el ancho mínimo de cada columna.

Parámetros

[editar código]

Todos los parámetros son opcionales.

  • 1: número de columnas. El número de columnas solo se aplica si la anchura del navegador lo permite. Es decir, si n=2 y ancho=600px, la plantilla generará dos columnas cuando la anchura de la ventana del navegador sea superior a 1200 píxeles, y solo una única columna cuando la anchura sea inferior. No se recomienda más de 2 columnas. Las listas con números superiores suelen resultar más largas y entrecortar varias veces una misma referencia.
  • ancho: ancho de las columnas.
  • refs: dentro de las referencias se coloca:
{{listaref|grupo="nombre del grupo"|refs=
<ref name="nombre1">contenido1</ref>
<ref name="nombre2">contenido2</ref>
}}

Así, estas referencias pueden ser invocadas en el artículo como:

<ref group="nombre_del_grupo" name="nombre1" /><ref group="nombre_del_grupo" name="nombre2" />
  • estilolista: permite especificar el estilo de las viñetas de las referencias. Haz clic en [mostrar] en el cuadro que se muestra a continuación para ver una tabla con las viñetas disponibles y su compatibilidad con los distintos navegadores.
Tipos de estilos de lista
CSS2.1 list-style-type values
none
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí


disc
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí


circle
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí


square
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí


decimal
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí


decimal-leading-zero
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
No No No No Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí


lower-roman
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí


upper-roman
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí


lower-alpha
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí


upper-alpha
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí


lower-greek
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
No No No No Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí


armenian
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
No No No No Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí


georgian
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
No No No No Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí



CSS2 list-style-type values dropped in CSS2.1 but still supported by some browsers
hebrew
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
No No No No No No No No No No Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí No No No No No No


cjk-ideographic
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
No No No No No No No No No No Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí No No No No No No


hiragana
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
No No No No No No No No No No Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí No No No No No No


katakana
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
No No No No No No No No No No Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí No No No No No No


hiragana-iroha
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
No No No No No No No No No No Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí No No No No No No


katakana-iroha
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
No No No No No No No No No No Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí No No No No No No



CSS3 list-style-type values (incomplete)

CSS3 adds hundreds of new values, most not yet supported by major browsers

upper-greek
  1. text
  2. text
  3. text
  4. text
Internet Explorer Firefox Safari Chrome Opera
6 7 8 9 10 3 4 5 4 5 9 10 11 12 10 11 12
No No No No Sí Sí Sí Sí Sí Sí No No No No No No No No Sí Sí Sí Sí Sí Sí Sí Sí Sí Sí No No No No No No

Referencias por grupo

[editar código]

El sistema de notas al pie permite la separación de las referencias en grupos. Los grupos permiten tener separadas las notas de las referencias, entre otros usos.

El formato general para una etiqueta de referencia de grupo es:

<ref group="nombre del grupo"></ref>

y para la plantilla de lista de referencias:

{{listaref|grupo="nombre del grupo"}}
Donde <nombre del grupo> es el identificador del grupo, como por ejemplo «nota», «n.» o cualquier otro nombre.

Ejemplo sencillo de referencias por grupo

[editar código]

El código siguiente muestra un ejemplo sencillo de cómo deben colocarse en el código de un texto las llamadas a la orden <ref group=nota> para que funcionen correctamente:

Código: Resultado:
==Ejemplo sencillo de cómo colocar notas==
La primera nota la voy a introducir aquí.<ref group=nota>Esta es la primera nota, en efecto.</ref> Luego sigo escribiendo, y un poco más adelante, coloco la segunda nota.<ref group=nota>Esta es la segunda nota, no falla.</ref>

Ahora, en vez de notas, voy a llamarlas aclaraciones.<ref group=aclar.>Esta es la primera aclaración, en efecto.</ref> Y por si no queda claro, se introduce otra aclaración más.<ref group=aclar.>Esta es la segunda aclaración, inexorablemente.</ref>

Por último, pongo una tercera nota.<ref group=nota>Esta es la tercera nota, la última.</ref>

Al final del artículo, debe ponerse la llamada a las anotaciones que se hayan hecho. 

== Notas ==
{{listaref|group=nota}}

== Aclaraciones ==
{{listaref|group=aclar.}}



Ejemplo sencillo de cómo colocar notas [ editar código · editar ]


La primera nota la voy a introducir aquí.nota 1 Luego sigo escribiendo, y un poco más adelante, coloco la segunda nota.nota 2

Ahora, en vez de notas, voy a llamarlas aclaraciones.aclar. 1 Y por si no queda claro, se introduce otra aclaración más.aclar. 2

Por último, pongo una tercera nota.nota 3

Al final del artículo, debe ponerse la llamada a las anotaciones que se hayan hecho.





Notas [ editar código · editar ]


1. ↑ Esta es la primera nota, en efecto.
2. ↑ Esta es la segunda nota, no falla.
3. ↑ Esta es la tercera nota, la última.


Aclaraciones [ editar código · editar ]


1. ↑ Esta es la primera aclaración, en efecto.
2. ↑ Esta es la segunda aclaración, inexorablemente.



(NOTA: en una página normal, los enlaces de color azul funcionarían normalmente; en este caso, solo sirven como una imagen del resultado que se debe obtener)

(NOTA: si la página contiene también referencias normales, el comando {{listaref}} debe COLOCARSE POR DELANTE de {{listaref|group=nota}} )

Detalles técnicos

[editar código]

Las columnas múltiples se generan mediante las propiedades del módulo CSS Multi-column Layout, parte de las especificaciones de CSS. Este módulo está ampliamente soportado por los principales navegadores modernos, por lo que las páginas que utilicen estas propiedades pueden mostrar contenido distribuido en varias columnas cuando el navegador es compatible.[1][2]

Véase también

[editar código]

Referencias

[editar código]
  1. ↑ «CSS Multi-column Layout – Can I Use». Consultado el 5 de diciembre de 2025. 
  2. ↑ «CSS Multi-column Layout Module Level 1». W3C. Consultado el 5 de diciembre de 2025.