Attributs HTML personnalisés

Voici un exemple de paragraphe Markdown avec des attributs HTML personnalisés : class, id et attribute='value'.

Emplacement

Ceci est un paragraphe Markdown avec un attribut class personnalisé nommé .LongFoo. Il possède également un attribut id personnalisé nommé #next-line qui vous permet d'y créer directement un lien. Ces attributs sont spécifiés sur la ligne suivante.

Ceci est un paragraphe Markdown avec un attribut class personnalisé nommé .LongFoo. Il possède également un attribut id personnalisé nommé #same-line qui vous permet d'y créer directement un lien. Ces attributs sont spécifiés sur la même ligne.

Ce paragraphe Markdown ne contient pas d'attributs personnalisés. Des attributs personnalisés sont spécifiés dans le paragraphe suivant, mais ils ne seront pas appliqués à ce paragraphe, car ils sont précédés d'une ligne vide. Le paragraphe suivant contient un attribut class nommé .LongFoo. Elle possède également un attribut id personnalisé nommé #blank-line, mais ne renvoie pas directement vers celui-ci.

Intervalles de code

Cet attribut code span possède un attribut class personnalisé nommé .CSFoo qui suit immédiatement l'accent grave de fin, sans espace entre les deux.

Blocs de code

Voici un exemple d'attribut id personnalisé nommé #mysample dans un bloc de code, qui vous permet de créer directement un lien vers celui-ci:

print('hello world')

Titres

Pour appliquer un attribut personnalisé à un titre (ou à tout élément autre qu'un paragraphe), placez l'attribut à la fin de la ligne.

Titre avec un attribut de classe

Ce titre possède un attribut class personnalisé nommé .customClass, spécifié sur la même ligne que le titre.

Titre avec ancre nommée

Ce titre possède un attribut id personnalisé nommé #named-heading qui est également spécifié sur la même ligne que le titre afin que vous puissiez y associer directement.

Voici un exemple de lien intégré avec un attribut title. L'info-bulle M'afficher apparaît lorsque vous passez la souris sur le lien.

Voici un exemple d'autre lien intégré qui ne comporte pas d'attribut title. Aucun texte ne s'affiche lorsque vous passez la souris sur le lien.

Listes

Voici un exemple de liste utilisant des attributs personnalisés:

  • Cet élément de liste comporte un attribut class personnalisé nommé .ListFoo et un attribut id personnalisé nommé #first-item.
  • Cet élément de liste possède un attribut id personnalisé nommé #second-item.

L'id personnalisé de chaque élément de la liste vous permet d'associer directement le premier élément et le deuxième élément.

Tables

Cette table possède un attribut class personnalisé nommé .TableFoo à la fin de la ligne d'en-tête.

En-tête 1 En-tête 2
Cellule1 Cell2

Cette table multiligne contient un attribut id personnalisé nommé #multi-line à la fin de la ligne d'en-tête, ce qui vous permet d'associer directement la table.

Header1 a suivi sur la deuxième ligne Header2 sur une deuxième ligne
Cellule 1 sur une deuxième ligne Cellule 2 sur une deuxième ligne