web-dev-qa-db-fra.com

indice supérieur en démarque (aromatisé au Github)?

Après ceci lead , j'ai essayé ceci dans un fichier Github README.md:

<span style="vertical-align: baseline; position: relative;top: -0.5em;>text in superscript</span>

Ne fonctionne pas, le texte apparaît normalement. Aidez-moi?

336
seinecle

Utilisez le <sup></sup>tag (<sub></sub> est l’équivalent pour les indices). Voir ceci Gist pour un exemple.

520
Michael Wild

Les balises <sup> et <sub> fonctionnent et constituent votre seule solution bonne pour le texte arbitraire. Les autres solutions incluent:

Unicode

Si l’indice (ou indice) dont vous avez besoin est de nature mathématique, il se peut qu’Unicode vous couvre.

J'ai compilé une liste de tous les caractères Unicode super et indice que je pouvais identifier dans this Gist . Certains des plus communs/utiles sont:

  • SUPERSCRIPT ZERO (U + 2070)
  • ¹ SUPERSCRIPT ONE (U + 00B9)
  • ² SUPERSCRIPT DEUX (U + 00B2)
  • ³ SUPERSCRIPT TROIS (U + 00B3)
  • LETTRE MINUSCULE LATINE SUPSCRIPT N (U + 207F)

Les utilisateurs se tournent souvent vers les balises <sup> et <sub> pour rendre des symboles spécifiques tels que ceux-ci:

  • SIGNE DE MARQUE (U + 2122)
  • ® SIGNE ENREGISTRÉ (U + 00AE)
  • MARQUE DE SERVICE (U + 2120)

En supposant que votre éditeur prenne en charge l’Unicode, vous pouvez copier et coller les caractères ci-dessus directement dans votre document.

Vous pouvez également utiliser les valeurs hexadécimales ci-dessus dans un d'échappement de caractère HTML . Par exemple, &#x00B2; au lieu de ². Cela fonctionne avec GitHub (et devrait fonctionner n'importe où votre Markdown est rendu au format HTML), mais est moins lisible lorsqu'il est présenté sous forme de texte brut/Markdown.

Images

Si vos exigences sont particulièrement inhabituelles, vous pouvez toujours insérer une image en ligne. La syntaxe supportée par GitHub est la suivante:

![Alt text goes here, if you'd like](path/to/image.png) 

Vous pouvez utiliser un chemin complet (par exemple, en commençant par https:// ou http://), mais il est souvent plus simple d'utiliser un chemin relatif, qui chargera l'image à partir du référentiel, par rapport au document Markdown.

S'il vous arrivait de connaître LaTeX (ou si vous voulez apprendre cela), vous pouvez effectuer pratiquement toutes les manipulations de texte imaginables et les convertir en image. Des sites tels que Quicklatex rendent cela très facile.

25
Molomby