Espacement Votre HTML - Espace insécable - pixel GIFs
Par Jennifer Kyrnin. Création de sites web HTML Expert
Si vous avez l'habitude d'écrire dans un traitement de texte, HTML semble être arbitraire avec un espace blanc. Vous ne pouvez pas en retrait du texte avec des cellules HTML droites et la table ne restera pas ouverte s'il n'y a rien en eux.
Comment HTML Espace blanc Interpréter
L'espace blanc en HTML est gérée différemment qu'il est traité dans le traitement de texte. Les navigateurs Web « condensent » espace blanc en HTML. Cela signifie que lorsqu'une page Web interprète HTML, il affiche un espace ( « « ) exactement les mêmes que les espaces multiples ( » »).
Lire la suite ci-dessous
Voir ici la source HTML, et vous verrez que je mets 6 places entre la deuxième série de citations, mais votre navigateur exactement le rendais même que la première série de citations avec un seul espace.
Et cela ne concerne pas seulement aux espaces - navigateurs Web condensent tous les caractères blancs, y compris les espaces, les tabulations et des retours chariot () de nouvelles lignes.
Alors, comment obtenez-vous un espace blanc sur vos pages Web? Il y a plusieurs façons:
L'espace insécable ()
L'espace insécable est une entité de caractère reconnu par les navigateurs comme espace blanc que vous souhaitez afficher sur la page.
Il n'y a pas beaucoup plus d'espace que seront prises par un espace entre les mots, mais souvent il est tout ce que vous avez besoin.
Les cellules du tableau peuvent regarder assez étrange si vous n'utilisez pas l'espace insécable pour les maintenir ouvertes.
Les cellules sans peuvent disparaître. Si une colonne de table a rien dans ou seulement des caractères blancs dans les cellules, certains navigateurs réduire la colonne à rien (même si vous définissez une largeur).
Vous pouvez également utiliser l'espace insécable au texte tiret et les images d'une petite quantité. Ce n'est pas une bonne idée d'utiliser beaucoup dans une rangée, comme les anciens navigateurs ne prennent pas en charge plus d'un à la fois.
Lire la suite ci-dessous
Cependant, si votre public ne pas utiliser les anciens navigateurs, vous pouvez utiliser 4 ou 5 dans une rangée pour obtenir un tiret pour un nouveau paragraphe du texte.
Le Trick pixel GIF
Tout d'abord documenté par David Siegel, cette astuce utilise une image GIF transparente qui est carré 1 pixel. Vous prenez cette image et l'étirer sur pour forcer votre code HTML à poser la façon dont vous le souhaitez.
Pour utiliser le GIF seul pixel, le télécharger sur votre disque dur (maintenez la touche Maj enfoncée tout en cliquant sur le lien), et l'ajouter à votre code HTML. Le GIF transparent pixel unique.
Apprenez à ajouter des images à vos pages Web
Tout comme l'espace insécable, ces jours-ci, il est préférable d'utiliser la propriété text-indent sur la première ligne de vos paragraphes en utilisant CSS plutôt que d'un GIF simple pixel.