Comment gérez-vous l'espace blanc dans votre HTML [fermé]

Question

Un de mes plus grands typographiques frustrations à propos de HTML est la façon dont il mangles les deux espaces.Par exemple, si j'ai:

<span>Following punctuation rules.  With two spaces after the period.  </span>

L'un des deux espaces à la suite de la période va être considéré comme négligeable espaces et sera supprimée.Je peux bien sûr, la force de l'espace afin d'être significative avec:

<span>Following punctuation rules.&nbsp; With two spaces after the period.  </span>

mais ça ne m'irrite d'avoir à le faire et j'ai l'habitude de ne pas les déranger.Personne ne s'y insérer automatiquement significative dans les espaces extérieurs du contenu des soumissions qui sont destinés à une page web?

Answer 1

Pour votre exemple, il n'y a pas besoin de s'inquiéter à ce sujet.Les navigateurs Web effectuer typographiques de rendu et de placer la bonne quantité d'espace entre les périodes et le caractère que suit (et c'est différent en fonction du caractère suivant, selon le crénage des règles.)

Si vous voulez des sauts de ligne, <br /> n'est vraiment pas une grosse affaire, est-il?

---

Pas sûr de ce qui est digne d'un downmod ici...Vous ne devriez pas être forcé deux espaces après un point, sauf si vous utilisez une police à espacement fixe.Pour les polices proportionnelles, le rederer kerns la bonne quantité d'espace après un point.Voir ici et ici pour une étude plus détaillée.

Answer 2

Si vous voulez vraiment votre espace blanc pour être conservée, essayez de la propriété css:white-space:pré;

Ou, vous pouvez simplement utiliser un <pre> tag dans votre balisage.

En passant, c'est une bonne chose que les navigateurs HTML ignorer les espaces blancs en général, elle nous permet d'avoir clairement formaté le code source, sans affecter la production.

Answer 3

Il est peut-être pas très élégant, mais je appliquer le style CSS à un <pre> la balise.

Il y a toujours le "white-space" attribut CSS, mais il peut être un peu hasardeux.

Answer 4

Jetez un oeil à la avant la balise.Il pourrait faire ce que vous voulez.

Answer 5

Vous pouvez utiliser un style pré-bloc pour préserver les espaces.La plupart des éditeurs WYSIWYG également insérer pour vous...

Dans l'ensemble, il est bon que le navigateur ignore les espaces.Il suffit de visualiser la source sur ce site pour vous-même et d'imaginer comment les fous du site serait de regarder si chaque espace a été affichée.

Answer 6

Vous feriez mieux d'utiliser du white-space:pre-wrap de white-space:pré ou Avec votre exemple, la dernière des solutions peut commencer une nouvelle ligne sur "les règles". juste parce que votre nsurbreakable spas frappé à la fin de la ligne.

Answer 7

Le PRÉ de la balise peut être une solution valable, en fonction de vos besoins.Toutefois, si vous essayez d'utiliser les 2 espace de règle dans les phrases tout au long de votre site, vous remarquerez rapidement que les autres personnages de la PRÉ tag conserves sont la ligne d'alimentation/de retour chariot (ou manque de) seront muck jusqu'à tout style que vous essayez de faire.

En général, j'ai tendance à ignorer les "2 espaces d'après une phrase de la règle", ou si vous êtes pointilleux, je collerais avec l' , mais vous aurez l'occasion de rencontrer la question a déclaré Nicolas.

Answer 8

Il y a une page à ce sujet sur webtypography.net.Ce site a beaucoup d'autres choses intéressantes à propos de la création de texte pour le web à partir du point de vue de la typographie, des choses que les concepteurs de pages web, souvent, n'y pensez même pas.Il est intéressant de lire.