L'espacement des phrases en HTML et CSS
(Notez que la terminologie d'espacement ci-dessus est le mien, et complètement subjective. Si quoi que ce soit, le dossier montre que espacements plus larges étaient communs avant l'automatisation du processus d'impression.)
Pour mémoire, je ne suis pas une personne d'espacement obligatoire. Je ne vais pas vous dire comment formater vos phrases. J'ai des informations et des opinions sur ceux qui demande, vous devez le faire d'une façon ou d'une autre.
Le choix paresseux est d'ajouter pas d'espace supplémentaire. Vous aurez l'espacement entre les phrases de la même taille que les espaces entre les mots. Cela est vrai, peu importe combien vous tapez des espaces. HTML effondrements des espaces répétés, parce que dans la partie du contenu de HTML (la partie qui ne sont pas les tags) le seul but un espace a est de séparer les mots les uns des autres, à savoir faire « pamplemousse » et « fruits de raisin » ont des significations différentes. Ajout d'espace supplémentaire entre les phrases est une sorte de mise en page, et qui est censé être le travail des balises elles-mêmes.
La mauvaise direction
Si vous fouillez sur le web à ce sujet, vous verrez probablement beaucoup de gens recommandent que si vous voulez faire cela, la bonne façon est d'utiliser -nbsp; pour créer un espace supplémentaire qui ne sera pas effondré. Cela ne fonctionne en fait, mais il souffre de quelques inconvénients (et au moins un avantage). Tout d'abord, « nbsp » est en fait une abréviation de « espace insécable ». Il est utilisé pour assurer que le HTML ne pas envelopper vos lignes à cet espace particulier. L'aspect non-effondrement est un effet secondaire de la fonction insécable.
Ainsi, le premier problème est que HTML ne peut pas envelopper votre texte où l'espace est. C'est un peu ok si vous utilisez un espace régulier et un -nbsp; car il peut encore envelopper le texte sur l'espace régulier. Toutefois, si vous mettez d'abord l'espace régulier, puis le -nbsp; vous pouvez vous retrouver avec un espace au début de la ligne après enveloppe. Si vous utilisez cette méthode, vous devez vous assurer que l'espace régulier arrive en deuxième position (bien que même cela est un problème si vous utilisez un texte justifié).
Un autre problème est que l'ajout d'un espace supplémentaire est un club où vous préférez peut-être un scalpel. type set main imprimantes toujours permis de mettre en autant d'espace comme ils le désiraient entre les phrases (bien, en fonction de la largeur des types vides (blocs d'impression) qu'ils avaient à portée de main). Seule l'invention de machines à écrire nous mettre en mesure de compter l'espace en fonction du nombre de fois que nous avons appuyé sur la barre d'espace (ou en termes informatiques, le nombre de caractères de l'espace). Il serait préférable d'ajuster l'espacement des phrases à quelque quantité d'espace que nous désirons. Et il y a une façon de le faire plus ou moins, que je vais décrire brièvement.
Mais d'abord, je dirai que l'un des avantages de l'utilisation du -nbsp; méthode est que lorsque vous coupez et coller du texte d'une fenêtre de navigateur Web, vous finirez probablement avec deux espaces entre les phrases.
HTML ne propose d'autres entités d'espacement. Je suis conscient de trois d'entre eux:L'avantage de ces espaces est que vous avez un certain contrôle de grain plus fin sur la quantité d'espace, ils ne seront pas une incidence sur l'emballage de ligne (si le navigateur est correctement mis en œuvre que je ne vais pas garantir), et couper-coller couperont le nombre réel d'espaces (y compris les caractères d'espace et de tout l'espace au-dessus des entités) que vous utilisez.
Le droit chemin
La bonne façon de le faire en HTML est de mettre dans une étiquette qui vous indique quels sont les éléments de votre contenu sont des phrases. Ensuite, vous pouvez utiliser les CSS pour contrôler l'espacement entre vos phrases d'une manière beaucoup plus appropriée et moderne, et vous pouvez être un peu précis à ce sujet (ou même très précis, avec des compromis).
Mais, nous pouvons le faire en utilisant la balise SPAN, et en ajoutant une classe pour cette période particulière qui nous dit qu'il est une durée de peine. Par exemple Votre phrase va ici. fonctionnerait, et que vous utilisez CSS pour contrôler la séparation entre vos travées de phrases.
Il y a un Gotcha avec cette méthode, qui est similaire aux problèmes de la première méthode. Si vous utilisez des portées comme cela, vous devez penser à couper-coller. Si vous ne mettez pas d'espace entre les travées, puis lorsque vous couper du texte à partir d'un navigateur Web, il ne comporte pas d'espace entre les phrases du tout. Cependant, en ajoutant dans un espace pour résoudre ce problème, vous perdez un peu de contrôle précis sur l'espacement entre phrase. En effet, vous ne pouvez pas contrôler complètement la largeur du caractère d'espace utilisé dans le navigateur Web. Bien sûr, même sans l'espace que vous ne pouvez pas garantir le fonctionnement du système à distance définir des unités « em », comme il est pas bien définie dans la typographie moderne. Ou au moins, la définition n'est pas suivie très cohérente.
Je vais noter ici que cette question pourrait être résolue si HTML avait une véritable balise de phrase, car les navigateurs puis faire et couper-coller comprendrait que cette manipulation particulière requise.
Bien sûr, si vous ne se soucient pas de couper-coller, vous pouvez sauter tous les réels espaces, mais je pense que cela est une erreur. Il pourrait être un problème pour les robots d'exploration Web comme Google. Il est tout simplement pas comment le web est censé fonctionner.
Les détails
Un em est une unité qui a été historiquement la largeur du caractère « M », ce qui était généralement carrée. Comme il était carré, puis en termes modernes un em est vaguement défini comme la hauteur d'une police. Quand une police moderne est réglé sur 36 points, alors qui est censé être la hauteur, et il définit également la taille em. Mais si vous passez en revue juste par les polices sur votre système avec la taille fixée à 36 points, vous verrez que la hauteur réelle des polices varie beaucoup (peut-être même d'une manière extravagante).
Alors, combien d'espace voulons-nous? Eh bien l'espacement des phrases Historiquement, le plus couramment utilisé entre les phrases semble être entre 1/3 et 1/2 em em (mais parfois moins, et parfois même plus, jusqu'à 1 plein em). Et dans la pratique moderne, de nombreuses polices choisissent environ 1/4 em comme la taille du caractère d'espace (ordinaire). Il n'y a littéralement aucune norme ici que je connaisse, mais ce qui est typique. Alors 1/2 em espacement des phrases va être à peu près deux espaces normaux, toutes choses étant égales par ailleurs. Et si vous voulez quelque chose à peu près entre 1/4 et 1/2 em, vous pouvez utiliser un espace régulier avec -thinsp ;.
Si vous utilisez CSS et la méthode SPAN décrit ci-dessus, vous pouvez simplement spécifier les éléments CSS word-spacing exactement. Je recommande vraiment vous utiliser les unités em ici. Si vous utilisez des pixels ou en pouces ou des points, et le lecteur de choisir une taille de police très différente de celle que vous avez fait, les résultats ne seront pas échelle avec la police. (Bien qu'il y ait une proposition de pouvoir aux choses de taille par rapport au caractère d'espace, ce qui pourrait être très utile ici si cela arrive jamais à passer.) Unités Em sont la seule approche qui va croître et se rétrécir lorsque la police fait (quoique assez incohérente). Si vous utilisez un espace réel, ainsi que l'élément word-spacing CSS, alors je vous recommande supposer que le caractère d'espace est 1/4 em, et que vous ajoutez un espace supplémentaire dans word-spacing. Donc, pour un tiers em, vous devez définir l'espacement mot à 0.08em, et pour 1/2 em, vous aviez mis l'espacement des mots à 0.25em.
La partie amusante
Ensuite, vous pouvez simplement utiliser sur certains un lien ou un autre élément pour donner aux utilisateurs un contrôle cliquable sur l'espacement des phrases. Si vous regardez la source HTML de ce document, j'utilise une version légèrement colombophile de la fonction qui utilise des boîtes dans une table, et change la couleur d'arrière-plan du choix sélectionné.
fin / ironmotif / tomplate-rivé-petite-trans.gif »/> Accueil de fin