par

Comment puis-je faire des guillemets en HTML ?

2 Réponses

+1 validé
par

Vous pouvez utiliser les balises <q> et </q> pour mettre des guillemets en HTML autour d'une phrase.

Il existe cependant différents types de guillemets en HTML : les simples, les doubles, les droits, à la française, à l'anglaise...

Si vous devez insérer des guillemets, directement dans votre code HTML, sans avoir à passer par du code CSS, le plus simple pour personnaliser des guillemets en HTML est d'utiliser du code ASCII :

  • Guillemets simples à l'anglaise en HTML (‘ ’) = &lsquo; &rsquo;
  • Guillemets doubles à l'anglaise en HTML (“ ”) = &ldquo; &rdquo;
  • Guillemets simples à la française en HTML (‹ ›) = &lsaquo; &rsaquo;
  • Guillemets doubles à la française en HTML (« ») = &laquo; &raquo;
  • Guillemets doubles fantaisie en HTML („ “) = &bdquo; &ldquo;
+1 validé
par

Si vous devez générer des guillemets en code CSS ou bien en JavaScript, vous devez utiliser la propriété CSS quotes. Les guillemets doivent alors être exprimés avec des valeurs numériques.

Vous trouverez la liste de ces valeurs via cette page du site du W3C, ainsi qu'une palette d'exemples sur cette page du W3School.

Exemple de code CSS pour insérer des guillemets :

<style>
q {
    quotes:'\00AB' '\00BB';
}
</style>
<q>un texte entouré de guillemets en CSS</q>
  • Guillemets simples à l'anglaise en CSS (‘ ’) = \2018 \2019
  • Guillemets doubles à l'anglaise en CSS (“ ”) = \201C \201D
  • Guillemets simples à la française en CSS (‹ ›) = \2039 \203A
  • Guillemets doubles à la française en CSS (« ») = \00AB \00BB
  • Guillemets doubles fantaisie en CSS („ “) = \201E \201D

Exemple de code Javascript à utiliser pour générer des guillemets :

<q id="test">un texte entouré de guillemets en JavaScript</q>
<script>
document.getElementById("test").style.quotes = "'\u00AB' '\u00BB'";
</script>
  • Guillemets simples à l'anglaise en JavaScript (‘ ’) = \u2018 \u2019
  • Guillemets doubles à l'anglaise en JavaScript (“ ”) = \u201C \u201D
  • Guillemets simples à la française en JavaScript (‹ ›) = \u2039 \u203A
  • Guillemets doubles à la française en JavaScript (« ») = \u00AB \u00BB
  • Guillemets doubles fantaisie en JavaScript („ “) = \u201E \u201D

Lecture Recommandée

Edward Snowden - Mémoires vives

"Je m'appelle Edward Joseph Snowden. Avant, je travaillais pour le gouvernement mais aujourd'hui je suis au service de tous. Il m'a fallu près de trente ans pour saisir la différence et quand j'ai compris, ça m'a valu quelques ennuis au bureau."

L'homme qui a tout risqué pour dénoncer la surveillance globale, ou l'extraordinaire histoire d'un garçon brillant qui a grandi "en ligne", d'un homme devenu espion, puis lanceur d'alerte, et, en exil, la consciencce de l'internet.

Mémoires vives est un témoignage exceptionnel, également disponible en numérique.

Sujets Connexes

Offre Sponsorisée

Ailleurs sur le Web

Questions liées

2 réponses
2 réponses
posée par anonyme 23-Septembre-2018
1 réponse
1 réponse
1 réponse
posée par anonyme 08-Janvier-2020
1 réponse

Merci pour votre visite sur 1FORMATIK.com

Un petit clic sur la pub est toujours apprécié, c'est elle qui finance le site

Bon surf

...