En HTML, si une phrase complète est utilisée pour un lien, sa ponctuation terminale (c'est-à-dire le point) doit-elle être incluse dans le texte lié?
Considérez ces deux exemples:
<a href="about:blank">Watch the video on YouTube</a>.
<a href="about:blank">Watch the video on YouTube.</a>
Est-ce simplement une question de préférence personnelle, ou est-ce que l'un d'eux est plus lisible que l'autre?
Modifier :
Il semble qu'il y ait une certaine confusion - et certainement une discussion connexe valide - concernant l'inclusion d'une URL réelle (en partie ou en totalité) dans le texte du lien .
Considérer ce qui suit:
<a href="...">Watch the video here.</a>
<a href="...">Watch the video on YouTube.</a>
<a href="...">Watch the video on youtube.com.</a>
Je pense que la plupart conviendraient que l'inclusion de la période dans le troisième exemple est une mauvaise pratique; cela crée une confusion sur plusieurs périodes par rapport au ".com" dans le texte du lien.
Aux fins de cette question, je m'interroge spécifiquement sur les deux premiers exemples qui ne pas incluent ".com" dans le texte du lien. (Bien que l'on puisse faire un argument convaincant selon lequel l'utilisation de "YouTube" sans le ".com" est toujours problématique par proxy. Si c'est le cas, supposons que je ne pose que la question du premier exemple: "Regardez la vidéo ici.")
Je répondrais non, la ponctuation terminale ne devrait pas être incluse dans l'hyperlien. C'est le texte qui est en hyperlien plutôt que la construction dont le texte fait partie.
Envisagez d'autres constructions de ce type: dans une liste non ordonnée, vous n'incluriez pas la puce dans un lien hypertexte, dans une liste ordonnée vous n'incluez pas le nombre et dans une liste d'hyperliens séparés par des virgules, vous n'incluez pas les virgules à l'intérieur l'un des hyperliens.
Fait intéressant, Stack Exchange n'est pas cohérent dans cette utilisation. "1 nouvelle réponse a été publiée - chargez de nouvelles réponses." inclut la période dans l'hyperlien tandis que "Pour en savoir plus, consultez nos conseils sur la rédaction de bonnes réponses." non.
Je préfère de loin ce dernier.
Google: aucun lien pour la ponctuation
Si vous incluez une URL dans un message Gmail, Google lie automatiquement l'URL. Ils n'incluent pas les périodes terminales adjacentes aux liens, ni aucune autre ponctuation d'ailleurs. Ainsi, les liens de phrases complets ne lieraient toujours pas la période.
Entretien avec le développeur: Alex Hunter Trujillo
J'ai demandé à l'un des développeurs ici son avis sur la liaison des périodes terminales. Après avoir fait un bruit de succion à mi-chemin entre un halètement et un sifflement, il avait ceci à dire:
Lorsqu'un programmeur crée du code, il doit être d'une manière qui réponde à ses attentes en matière de syntaxe. Toujours, la ponctuation terminale est en dehors de la balise. … C'est juste une bonne "grammaire de code".
S'il s'agit d'un paragraphe entier lié, oui, incluez la dernière période dans le lien. Mais pour une seule phrase, n'incluez pas la période; ça a l'air horrible.
Vous vous demandez peut-être "qu'en est-il des titres liés qui sont des phrases?" Les titres sont tout autre chose. Si vous liez un titre, liez le titre entier, sans exception. C'est parce que c'est un titre, pas parce que c'est une phrase.
Le Yahoo Style Guide (1ère éd., P. 221) dit ceci:
Utilisez un point (ou une autre ponctuation de fin) à la fin de tout lien qui est une phrase complète, y compris des phrases impératives très courtes. Mais ne liez pas la période.
Southern Utah University a ceci à dire sur les URL dans leur guide de style :
Si une URL termine une phrase, mettez un point après, mais assurez-vous que le point n'est pas inclus dans le lien hypertexte dans les publications électroniques.
Réécrivez vos phrases afin que le lien ne soit qu'une partie de la phrase et évitez de terminer par une URL. Et assurez-vous également de rendre votre texte d'ancrage aussi utile que possible. Voici quelques exemples:
Désactiver le texte d'ancrage de la phrase
Maintenant, n'est-ce pas beaucoup plus clair?
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Regardez la vidéo sur YouTube:
Utilisez au moins un meilleur texte d'ancrage
Il ne s'agit pas seulement de lier une phrase. Non seulement cela est plus facile à lire, mais il est plus facile de comprendre. (Oui, cette période après comprendre est en italique, mais la période après YouTube n'est pas dans le lien.)
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Regardez la vidéo sur YouTube: Star Wars selon un enfant de 3 ans .
Si vous devez: lien de phrase à l'intérieur d'un paragraphe
Voulez-vous vraiment créer un lien hypertexte pour une phrase entière? Tu fais? Eh bien, allez-y avec l'option 3.
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nulla vitae elit libero, une pharetra augue. Regardez la vidéo sur YouTube: Star Wars selon un enfant de 3 ans . Cras mattis consectetur purus sit amet fermentum.
Juste le point de vue d'un utilisateur sans recherche à l'appui ici:
Si le lien est une phrase complète - c'est-à-dire que je ne parle pas de phrases "imbriquées" comme des guillemets mais plutôt des phrases complètes et autonomes - alors en tant qu'utilisateur, je m'attends à voir la ponctuation comme faisant partie du lien. La phrase est une unité; le rompre avec un </a> déclenche mon relecteur intégré de la même manière qu'une erreur de ponctuation impliquant des parenthèses. (Par exemple, certaines personnes mettraient la période à la fin de cette phrase en dehors de la parenthèse étroite, ce qui semble étrange.) Des erreurs de ce type me tirent du contenu pendant un instant, ce qui est perturbateur.
Si, en revanche, le lien est une phrase, je m'attends à ce qu'il pas inclue la ponctuation. Par exemple, si "d'autre part" dans la phrase précédente était un lien, aucune virgule n'appartient à l'intérieur de l'ancre.
Je pense que cela dépend davantage des éléments/contenus que le lien enveloppe. En HTML5 <a>
les éléments utilisent un modèle de contenu transparent , ce qui signifie qu'ils peuvent encapsuler un <p>
élément. Évidemment, vous incluriez la ponctuation si vous liez le paragraphe entier en HTML5:
<a...>
<p>Lorem ipsum dolor sit amet.</p>
</p>
Mais en HTML4 où cela ne serait pas valide, vous devez permuter l'ordre des éléments (ou utiliser du HTML non valide):
<p>
<a...>Lorem ipsum dolor sit amet.</a> <!-- note the punctuation on the inside -->
</p>
Dans un paragraphe, vous devez déterminer quel contenu est lié.
Ma vision de la sémantique serait que les phrases autonomes n'incluraient pas la ponctuation, alors que les phrases multiples incluraient .
<p>
...lorem ipsum...
<a...>Foo said <q>Lorem ipsum dolor sit amet.</q></a>
...dolor sit amet...
</p>
<p>
...lorem ipsum...
Foo said <a...><q>Lorem ipsum dolor sit amet.</q></a> <!-- could be <q><a> -->
...dolor sit amet...
</p>
<p>
...lorem ipsum...
Foo said <q>Lorem ipsum <a...>dolor sit amet</a>.<q>
...dolor sit amet...
</p>
Donc pour répondre à votre question, si votre phrase:
Watch this video on YouTube.
Serait logique structuré comme:
<a...>
<p>Watch this video on YouTube.</p>
</a>
Vous lieriez le tout.
Si, au contraire, c'était:
Lorem ipsum dolor sit amet. Watch this video on YouTube. Lorem ipsum dolor sit amet.
Je le structurerais comme:
<p>
Lorem ipsum dolor sit amet. <a...>Watch this video on YouTube</a>. Lorem ipsum dolor sit amet.
</p>
Et pour plusieurs phrases comme:
<p>
<a...>Lorem ipsum dolor sit amet. Watch this video on YouTube.</a> Lorem ipsum dolor sit amet.
</p>
Ce n'est pas un gros problème, car l'impact pratique est très faible. Pour des raisons logiques, il est préférable d'inclure la ponctuation de fin de peine, car elle indique que la peine est complète. Cela peut être utile, par exemple, lorsque l'utilisateur utilise une liste générée par le navigateur de tous les liens sur une page (possible lorsque vous utilisez un logiciel d'assistance ou un plug-in).
Les considérations typographiques indiquent la même direction différente. De nombreux typographes pensent qu'un caractère de ponctuation qui suit immédiatement un mot doit apparaître dans le même style que le mot, par ex. en italique si le mot est en italique. Pour les liens, cela signifie que le caractère de ponctuation doit être dans une couleur de lien et souligné (ou suivre les autres styles utilisés pour les liens). D'un point de vue typographique, cela devrait également s'appliquer lorsque le caractère de ponctuation ne fait pas logiquement partie du texte du lien mais par ex. une virgule ou un point après un seul mot à la fin d'une phrase.
Je suggérerais que c'est une mauvaise pratique, surtout si l'URL est à la fin de la phrase comme dans l'exemple ci-dessus.
<a href="#">Do your taxes at Irs.gov.</a>
Cela pourrait poser des problèmes si quelqu'un C & Ped l'URL plutôt que de cliquer sur votre lien. Certes, il est toujours possible de copier la période si elle est en dehors du lien, mais les moins avertis en technologie sont moins susceptibles de penser que cette période fait partie de l'URL.
Si vous souhaitez vivement inclure la période dans le lien, vous souhaiterez peut-être modifier un peu votre commande, par exemple:
<a href="#">Visit YouTube to watch the video.</a>
Nous pouvons discuter de la philosophie aussi longtemps que nous le souhaitons, mais le côté pratique est que la terminaison du texte d'une URL avec un point rompt simplement son utilité.
La période est un caractère d'URL valide, donc seul un véritable analyseur en langage naturel (comme un humain) va décider correctement s'il est dans ou hors de l'entité URL. Tous les navigateurs et clients de messagerie que j'ai essayés incluent la période dans le lien, double-cliquez également sur le champ de texte à copier pour inclure la période (pour la même raison). cependant, les serveurs n'ont pas de noms de fichiers correspondants qui se terminent par une période, ils 404 ont donc la demande.
En commençant par vos exemples: (Voir de meilleurs exemples à la fin.)
Si le lien ne contient pas le contenu de la phrase entière, par ex.
Regardez la vidéo ici.
Regardez la vidéo sur YouTube.
Regardez la vidéo sur youtube.com.
... alors il est logique de ne pas inclure l'arrêt, car il n'est pas pertinent pour le texte du lien.
Si le lien contient le contenu de la phrase entière, par exemple.
Regardez la vidéo ici.
Regardez la vidéo sur YouTube.
Regardez la vidéo sur youtube.com.
... alors il est logique d'inclure l'arrêt afin que le dernier caractère n'ait pas un style différent.
Si vous divisez la phrase en différents liens, par exemple.
(pas destiné à être de bons exemples)
Regardez la vidéo sur YouTube.
Regardez la vidéo sur youtube.com.
... alors la première règle s'applique.
De meilleurs exemples seraient:
Pour ceux d'entre vous qui ont raté l'événement, vous pouvez regardez la vidéo ici.
Alternativement, vous pouvez regardez notre guide vidéo ici.
Vous pouvez regarder notre guide vidéo , lire notre FAQ ou demander sur la méta.
Vous avez obtenu de bonnes réponses ici et je suis d'accord avec ce que la plupart des gens ont dit à propos de l'arrêt complet à l'intérieur du lien comme l'avoir à l'extérieur du lien (et l'arrêt complet étant d'une couleur différente à moins que votre texte ait la même couleur que vos liens), c'est une transition de couleur soudaine et comme une réponse l'a souligné, c'est une sorte de discorde pour quelqu'un qui est pointilleux sur la grammaire. Cependant, il existe des exceptions à la règle, par exemple lorsque le texte de votre lien se termine par une adresse de site Web, par exemple:
<a href="http://www.google.com">My favorite search engine is **www.google.com.** </a>
Bien que la plupart des utilisateurs puissent simplement cliquer sur le lien, certaines personnes peuvent vouloir copier l'adresse pour référence et le. devient un ajout indésirable.
De même pour les e-mails.
<a href="mailto:[email protected]">Send me an email at [email protected].</a>
, si une personne n'a pas de client de messagerie configuré dans son système et choisit de copier l'e-mail, il peut éventuellement copier l'e-mail avec l'arrêt complet à la fin
J'ai deux premières réflexions sur les liens. Puisque nous n'utilisons plus "cliquez ici" (espérons-le!), Un lien est descriptif de l'endroit où vous allez, ainsi que descriptif pour les moteurs de recherche. Je ne vois pas que la ponctuation dans ce cas ajoute une valeur au lien et ne l'inclurait donc pas. Combiné avec les réponses ci-dessus, je vote pour le chemin DNI.
J'ai tendance à exclure la période du lien pour des raisons visuelles. Je trouve que l'inclusion du point dans le lien brouille visuellement la ponctuation de la phrase et donc la clarté de la phrase. C'est un petit point, mais la clarté de l'interface principale est la plus logique pour moi.