Macros usadas comunmente

Esta página enumera muchas de las macros de propósito general creadas para usarlas en MDN. Para obtener información sobre cómo usar estas macros, consulta Uso de macros y Usar macros de enlaces. Consulta Otras macros (en-US) para obtener información sobre las macros que se utilizan con poca frecuencia, que se utilizan solo en contextos especiales o, están en desuso. También hay una lista completa de todas las macros en MDN.

Consulta también la guía de estilo CSS (en-US) para conocer los estilos disponibles para usarlos.

En general, no es necesario utilizar macros para crear enlaces arbitrarios. Utiliza el botón Enlace en la interfaz del editor para crear enlaces.

• La macro Glossary crea un vínculo a la entrada de un término específico en el glosario de MDN. Esta macro acepta un parámetro obligatorio y dos opcionales:

  Ejemplos:

  1. El nombre del término (tal como "HTML").
  2. El texto que se mostrará en el artículo en lugar del nombre del término (esto se debe usar con poca frecuencia).Optional
  3. Si se especifica este parámetro y no es cero, no se aplica el estilo personalizado que normalmente se aplica a los enlaces del glosario.Optional
  • {{Glossary("HTML")}} produce HTML
  • {{Glossary("CSS", "Hojas de estilo en cascada")}} produce Hojas de estilo en cascada
  • {{Glossary("HTML", "", 1)}} produce HTML
• anch — crea un enlace a una sección en la página:
  • {{anch("Enlace a páginas en referencias")}};

  • Demo: Enlace a páginas en referencias

Hay varias macros para vincular páginas en áreas de referencia específicas de MDN.

• cssxref links to a page in the CSS Reference.
  Ejemplo: {{CSSxRef("cursor")}}, da como resultado: cursor.
• DOMxRef enlaces a páginas en la referencia DOM; si incluyes paréntesis al final, la plantilla sabe que debe mostrar el enlace para que aparezca el nombre de una función. Por ejemplo, {{DOMxRef("document.getElementsByName()")}} da como resultado: document.getElementsByName() mientras que {{DOMxRef("Node")}} da como resultado: Node.
• event enlaces a páginas en la referencia de Evento del DOM, por ejemplo: {{Event("change")}} da como resultado change (en-US).
• HTMLElement enlaza a un elemento HTML en la Referencia HTML.
• htmlattrxref enlaza a un atributo HTML, ya sea una descripción de atributo global si solo especificas el nombre del atributo o un atributo asociado con un elemento específico si especificas un nombre de atributo y un nombre de elemento. Por ejemplo, {{HTMLAttrxRef("lang")}} creará este enlace: lang. {{HTMLAttrxRef("type", "input")}} creará este enlace: type.
• jsxref enlaza a una página en la Referencia de JavaScript.
• SVGAttr enlaza a un atributo SVG específico. Por ejemplo, {{SVGAttr("d")}} crea este enlace: d (en-US).
• SVGElement enlaza a un elemento SVG en la Referencia SVG.
• httpheader enlaza a un header de HTTP.
• HTTPMethod enlaza a un método de solicitud HTTP.
• HTTPStatus enlaces a un código de estado de respuesta HTTP.

• Bugs
  • bug te permite enlazar a un error en bugzilla.mozilla.org fácilmente usando esta sintaxis: {{Bug(123456)}}. Esto te da: error 123456.
  • WebkitBug inserta un enlace a un error en la base de datos de errores de WebKit. For example, {{WebkitBug(31277)}} inserta WebKit bug 31277.

Previous, Next y PreviousNext proporcionan controles de navegación para artículos que forman parte de secuencias. Para las plantillas unidireccionales, el único parámetro necesario es la ubicación wiki del artículo anterior o siguiente de la secuencia. Para PreviousNext, los dos parámetros necesarios son las ubicaciones wiki de los artículos correspondientes. El primer parámetro es para el artículo anterior y el segundo es para el artículo siguiente.

• EmbedLiveSample te permite insertar la salida de un ejemplo de código en una página, como se describe en Ejemplos en vivo (en-US).
• LiveSampleLink crea un vínculo a una página que contiene el resultado de un ejemplo de código en una página, como se describe en Ejemplos en vivo (en-US).

Hay plantillas para casi todas las grandes colecciones de páginas. Por lo general, enlazan a la página principal de reference/guide/tutorial (esto, a menudo es necesario porque nuestras rutas de navegación a veces no lo pueden hacer) y colocan el artículo en la categoría apropiada.

• CSSRef genera la barra lateral para las páginas de referencia CSS.
• HTMLRef genera la barra lateral para las páginas de referencia HTML.
• APIRef genera la barra lateral para las páginas de referencia de la API web.

optional_inline y ReadOnlyInline se utilizan en la documentación de la API, normalmente cuando se describe la lista de propiedades de un objeto o parámetros de una función.

Uso: {{Optional_Inline}} o {{ReadOnlyInline}}. Ejemplo:

isCustomObjectRead only

Indica, si es true, que el objeto es personalizado.

parameterXOptional

Blah blah blah...

Non-standard

Non-standard_Inline inserta una marca en línea que indica que la API no se ha estandarizado y no está en un seguimiento de estándares.

Sintaxis

{{Non-standard_Inline}}

Ejemplos

• Icono:

Experimental

experimental_inline inserta una marca en línea que indica que la API no está ampliamente implementada y puede cambiar en el futuro.

Sintaxis

{{Experimental_Inline}}

Ejemplos

• Icon:

En estas macros, el parámetro (cuando se especifica) debe ser una de las cadenas "html", "js", "css" o "gecko", seguida del número de versión.

Desaprobado

Deprecated_Inline inserta una marca desaprobado en línea (Deprecated_Inline) para desalentar el uso de una API que oficialmente está en desuso. Nota: "Desaprobado" significa que el elemento ya no se debe utilizar, pero sigue funcionando. Si quieres decir que ya no funciona, utiliza el término "obsoleto".

No utilices el parámetro en ningún área independiente del navegador (HTML, API, JS, CSS, …).

Sintaxis

{{Deprecated_Inline}} o {{Deprecated_Inline("gecko5")}}

Ejemplos

• Icon:
• Insignia: Desaprobado Gecko 5

Obsoleto

Obsolete_Inline inserta una marca de obsoleto en línea (Deprecated_Inline) para evitar el uso de, por ejemplo, una función, método o propiedad que oficialmente es obsoleto.

No utilices el parámetro en ningún área independiente del navegador (HTML, API, JS, CSS, …).

Sintaxis

{{Obsolete_Inline}} u {{Obsolete_Inline("js1.8.5")}}

Ejemplos

• Icon:
• Badge: Obsoleto JavaScript 1.8.5

Estas macros se utilizan principalmente en la página WebAPI. Consulta Creación de nuevas insignias para obtener información sobre cómo crear una nueva insignia (Badge).

Estas plantillas tienen la misma semántica que sus contrapartes en línea descritas anteriormente. Las plantillas se deben colocar directamente debajo del título de la página principal (o la ruta de navegación si está disponible) en la página de referencia. También se pueden utilizar para marcar una sección en una página.

• Non-standard_Header: {{Non-standard_Header}}

  No estándar: This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

• SeeCompatTable se debe usar en páginas que documentan características experimentales (en-US). Ejemplo: {{SeeCompatTable}}

  Experimental: Esta es una tecnología experimental
  Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.

• Deprecated_Header: {{Deprecated_Header}}

  Desaprobado: This feature has been removed from the Web standards. Though some browsers may still support it, it is in the process of being dropped. Do not use it in old or new projects. Pages or Web apps using it may break at any time.

• Deprecated_Header con parámetro: {{Deprecated_Header("gecko5")}}

  Desaprobado Gecko 5 (Firefox 5 / Thunderbird 5 / SeaMonkey 2.2): This feature has been removed from the Web standards. Though some browsers may still support it, it is in the process of being dropped. Do not use it in old or new projects. Pages or Web apps using it may break at any time.

  No utilices el parámetro en ninguna área de diagnóstico del navegador (HTML, APIs, JS, CSS, …).
• Obsolete_Header: {{Obsolete_Header}}

  Obsoleto: Esta funcionalidad es obsoleta. Aunque puede aún funcionar en algunos navegadores, se desalienta su uso ya que puede ser removida en cualquier momento. Evite usarla.

• Obsolete_Header con parámetro: {{Obsolete_Header("gecko30")}}

  Obsoleto Gecko 30 (Firefox 30 / Thunderbird 30 / SeaMonkey 2.27 / Firefox OS 1.4): Esta funcionalidad es obsoleta. Aunque puede aún funcionar en algunos navegadores, se desalienta su uso ya que puede ser removida en cualquier momento. Evite usarla.

  No utilice el parámetro en ninguna área de diagnóstico del navegador (HTML, APIs, JS, CSS, …).
• secureContext_header: {{SecureContext_Header}}

  Secure context: This feature is available only in secure contexts (en-US) (HTTPS), in some or all supporting browsers.

La macro AvailableInWorkers inserta un cuadro de nota localizado que indica que una función está disponible en el contexto de workers web.