Pequeñas cosas sobre Markdown que siempre olvido y tengo que buscar en Google | Programar Plus

Esto es principalmente para mí. Estas son las pequeñas cosas que a veces me confunden acerca de Markdown y me encuentro teniendo que buscar en la web. Así que los escribiré. Blogging como extensión de memoria.

Sepa que su kilometraje puede variar en este material, ya que hay muchas variedades de Markdown.

rebaja=”1″

No existe el concepto de un <div> en la sintaxis de Markdown (o la mayoría de los otros elementos HTML estructurales), excepto que Markdown es compatible con HTML, por lo que solo puede usar un <div> si quieres. Pero tan pronto como lo haga, nada anidado dentro de él puede ser Markdown.

### Header

<div class="special-class">
1. Nope
1. Not 
1. Happening
</div>

¡Excepto que puede! En muchas (¿la mayoría?) variedades de Markdown, puede poner <div markdown="1"> en el elemento y permitirá Markdown dentro de él.

### Header

<div class="special-class" markdown="1">
1. All
1. Fixed 
1. Up
</div>

Listas de párrafos múltiples y citas en bloque

Si un elemento de la lista necesita varios párrafos, no puede dividir varias líneas y continuar. El siguiente párrafo debe sangrarse para que se considere parte del mismo elemento de la lista. De lo contrario, la lista termina y comienza una nueva.

1. one paragraph

    more for 1st list item :)

1. another paragraph

Las citas en bloque son similares:

> First bit.
> Second bit.

No habrá salto de línea allí. Esos dos bits estarán dentro del mismo <p> dentro de <blockquote>. Para que sean varios párrafos, necesitará una línea en blanco en el medio.

> First bit.

> Second bit.

Si quisieras que estuvieran completamente separados <blockquote>s, sin ningún otro texto en el medio, no estoy seguro de lo que hiciste.

Personajes que escapan

Ciertos caracteres tienen significado en Markdown, como cómo *asterisks* poner el texto en cursiva. Pero, ¿qué pasa si realmente quieres mostrar un asterisco? Lo escapas con una barra invertida, como *.

Incluso puede escapar de la barra invertida, lo que significa \ es .

identificaciones

Markdown es compatible con HTML, por lo que si necesita algún atributo especial en los elementos, puede usar HTML. Pero es bueno no tener que hacerlo.

Diferentes variedades de Markdown lo manejan de diferentes maneras.

Una forma algo común es permitirlos en encabezados como este:

### Custom IDs {#custom-id}

Algunas variedades simplemente agregan una identificación en todos los encabezados automáticamente.

Esto también es factible del lado del cliente.

Imágenes

Es lo mismo que la sintaxis del enlace. [link text](url) excepto que comienza con una explosión.

![alt text](http://example.com/image.jpg)

Un poco más complicado aún es anidarlo para que sea un enlace:

[![alt text](image.jpg)](https://css-tricks.com)

Idiomas en Code Fences

El lenguaje viene justo después de la primera serie de acentos graves.

```css
body {
  background: red;
}
```

Mesas

Básicamente los dibujas como arte ASCII. Tenga en cuenta los guiones para indicar la fila del encabezado y los dos puntos para la alineación:

| header | header | header |
|--------|:------:|-------:|
| a      |    b   |      c |
| 1      |    2   |      3 |
| foo    |   bar  |    baz |

Supongo que no estoy solo

Aquí está bastante un hilo de lo que otros olvidan.

(Visited 14 times, 1 visits today)