Atributs HTML personalitzats

Aquest és un exemple d'un paràgraf Markdown amb atributs HTML personalitzats: class , id i attribute='value' .

Col·locació

Aquest és un paràgraf Markdown amb un atribut class personalitzat anomenat .LongFoo . També té un atribut id personalitzat anomenat #next-line perquè pugueu enllaçar-hi directament . Aquests atributs s'especifiquen a la línia següent.

Aquest és un paràgraf Markdown amb un atribut class personalitzat anomenat .LongFoo . També té un atribut id personalitzat anomenat #same-line perquè pugueu enllaçar-hi directament . Aquests atributs s'especifiquen a la mateixa línia.

Aquest paràgraf de Markdown no conté atributs personalitzats. Hi ha atributs personalitzats especificats al paràgraf següent, però no s'aplicaran a aquest paràgraf perquè van precedits d'una línia en blanc. El paràgraf següent té un atribut class anomenat .LongFoo . També té un atribut id personalitzat anomenat #blank-line , però no hi enllaçarà directament .

El codi abasta

Aquest code span té un atribut class personalitzat anomenat .CSFoo que segueix immediatament el tic de tancament sense espai entremig.

Blocs de codi

El següent és un exemple d'un atribut id personalitzat anomenat #mysample en un bloc de codi perquè pugueu enllaçar-hi directament :

print('hello world')

Encapçalaments

Per aplicar un atribut personalitzat a un encapçalament (o qualsevol element que no sigui un paràgraf), col·loqueu l'atribut al final de la línia.

Encapçalament amb atribut class

Aquest encapçalament té un atribut class personalitzat anomenat .customClass que s'especifica a la mateixa línia que l'encapçalament.

Encapçalament amb àncora anomenada

Aquest encapçalament té un atribut id personalitzat anomenat #named-heading que també s'especifica a la mateixa línia que l'encapçalament perquè pugueu enllaçar-hi directament .

Enllaços

Aquest és un exemple d'enllaç en línia amb un atribut title . La informació sobre eines Ara em veieu apareix quan passeu el cursor per sobre de l'enllaç.

Aquest és un exemple d' un altre enllaç en línia que no té cap atribut title . No apareix cap text quan passeu el cursor per sobre de l'enllaç.

Llistes

El següent és un exemple d'una llista que utilitza atributs personalitzats:

• Aquest element de llista té un atribut class personalitzat anomenat .ListFoo i un atribut id personalitzat anomenat #first-item .
• Aquest element de llista té un atribut id personalitzat anomenat #second-item .

L' id personalitzat de cada element de la llista us permet enllaçar directament al primer element de la llista i al segon element de la llista .

Taules

Aquesta taula té un atribut class personalitzat anomenat .TableFoo al final de la fila de capçalera.

Aquesta taula de diverses línies té un atribut id personalitzat anomenat #multi-line al final de la fila de capçalera perquè pugueu enllaçar directament a la taula .