Existe-t-il d'autres codes d'espacement comme &nbsp pour les demi-espaces, les espaces em, les espaces en etc. utiles en HTML ?

Question

Je me demande s'il existe d'autres codes à utiliser dans une newsletter HTML.

J'utiliserais bien le remplissage des cellules ou les marges, mais je suis novice en matière de HTML/CSS et je n'arrive pas à trouver une modification qui affecte à la fois la ligne du titre principal et le sous-titre qui se trouve en dessous. Étant donné qu'il s'agit d'un courriel, j'hésite à modifier le CSS pour l'adapter, car je ne sais pas ce que les clients de courriel n'aiment pas en matière de CSS par rapport au balisage en ligne.

Pour le contexte, le modèle que j'utilise est le thème Mute de Mailchimp snip :

    <!-- language: lang-html -->
<table cellspacing="0" cellpadding="0" border="0" align="center" width="626">
    <tbody>
        <tr>
            <td valign="middle" bgcolor="#546781" height="97" background="images/header-bg.jpg" style="vertical-align: middle;">
                <table cellspacing="0" cellpadding="0" border="0" align="center" width="555" height="97">
                    <tbody>
                        <tr>
                            <td valign="middle" width="160" style="vertical-align:middle; text-align: left;">
                                <img width="70" height="70" src="http://dl.dropbox.com/…….png" style="margin:0; margin-top: 4px; display: block;" alt="" />
                            </td>
                            <td valign="middle" style="vertical-align: middle; text-align: left;">
                                <h1 class="title" style="margin:0; padding:0; font-size:30px; font-weight: normal; color: #192c45 !important;">
                                    <singleline label="Title"><span>Title of Report</span></singleline>
                                </h1>
                                <h1 class="title" style="margin:0; padding:0; font-size:15px; font-weight: normal; color: #192c45 !important;">
                                    <singleline label="Title"><span>Small Subhead</span></singleline>
                                </h1>
                            </td>
                            <td width="55" valign="middle" style="vertical-align:middle; text-align: center;">
                                <h2 class="date" style="margin:0; padding:0; font-size:13px; font-weight: normal; color: #192c45 !important; text-transform: uppercase; font-weight: bold; line-height:1;">
                                    <currentmonthname />December
                                </h2>
                                <h2 class="date" style="margin:0; padding:0; font-size:23px; font-weight: normal; color: #192c45 !important; font-weight: bold;">
                                     <currentyear />2011
                                </h2>
                            </td>

                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>

L'ensemble de l'e-mail sous forme de page web peut être consulté. aquí

Answer 1

Oui, beaucoup de .

Notamment, mais pas exclusivement :

• [ ] espace pour les cheveux :    o  
• [ ] Espace de 6 per-em :   _{^{(aucune référence de caractère disponible)}}
• [ ] espace étroit sans rupture :   _{^{(aucune référence de caractère disponible)}}
• [ ] espace mince :    o  
• [ ] Espace de 4 per-em :   o  
• [ ] espace non cassant :   o  
• [ ] espace de ponctuation :    o   
• [ ] Espace de 3 per-em :   o  
• [ ] en espace :   o  
• [ ] espace de figure :   o   

• [ ] em espace :   o  

  span{background-color: red;}

  <table> <tr><td>non breaking space:</td><td> <span> </span> or <span> </span></td></tr> <tr><td>narrow no-break space:</td><td> <span> </span></td></tr> <tr><td>en space:</td><td> <span> </span> or <span> </span></td></tr> <tr><td>em space:</td><td> <span> </span> or <span> </span></td></tr> <tr><td>3-per-em space:</td><td> <span> </span> or <span>&emsp13;</span></td></tr> <tr><td>4-per-em space:</td><td> <span> </span> or <span>&emsp14;</span></td></tr> <tr><td>6-per-em space:</td><td> <span> </span></td></tr> <tr><td>figure space:</td><td> <span> </span> or <span>&numsp;</span></td></tr> <tr><td>punctuation space:</td><td> <span> </span> or <span>&puncsp;</td></tr> <tr><td>thin space:</td><td> <span> </span> or <span> </span></td></tr> <tr><td>hair space:</td><td> <span> </span> or <span>&hairsp;</span></td></tr> </table>

Answer 2

Il existe des codes pour d'autres caractères d'espacement, et les codes en tant que tels fonctionnent bien, mais les caractères eux-mêmes sont des caractères d'héritage. Ils ont été inclus dans les jeux de caractères uniquement en raison de leur présence dans les données de caractères existantes, plutôt que pour être utilisés dans de nouveaux documents. Pour certaines combinaisons de polices et de versions de navigateurs, ils peuvent entraîner l'affichage d'un glyphe générique de caractère non représentable. Pour plus de détails, consultez mon page sur les espaces Unicode .

L'utilisation de CSS est donc plus sûre et vous permet de spécifier n'importe quelle quantité d'espacement, et pas seulement les largeurs spécifiques des espaces à largeur fixe. Si vous souhaitez simplement ajouter un espacement autour de vos éléments h2, comme cela me semble être le cas, la définition du remplissage de ces éléments (en modifiant la valeur des paramètres padding : 0 que vous avez déjà) devrait fonctionner correctement.

Answer 3

Je ne sais pas si c'est ce à quoi vous faites référence, mais voici la liste des entités HTML que vous pouvez utiliser :

Liste des références d'entités de caractères XML et HTML

En utilisant le contenu de la colonne "Nom", vous pouvez simplement l'insérer dans un fichier de type & y ;

Par exemple   ,   etc.

Answer 4

Qu'en est-il du caractère normal encodé de l'espace blanc ?

 

Answer 5

J'ai utilisé ce code décimal Unicode ‌ et a travaillé. plus de détails