Gibt es andere Whitespace-Codes wie & nbsp für Halbräume, Leerzeichen, Leerzeichen usw., die in HTML nützlich sind?

Ich frage mich, ob andere Codes für einen HTML-Newsletter verfügbar sind.

Ich würde das Auffüllen von Zellen oder Ränder verwenden, aber ich bin neu in dieser HTML / CSS-Sache und kann keine Änderung finden, die sich sowohl auf die Haupttitelzeile als auch auf den Unterkopf darunter auswirkt. Als E-Mail zögere ich, mich mit dem CSS zu beschäftigen, um es zu erhalten - da ich nicht weiß, was E-Mail-Clients im Gegensatz zu Inline-Markups nicht an CSS mögen.

Für den Kontext ist die Vorlage, die ich verwende, das Mute-Thema von 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>

Die gesamte E-Mail als Webseite ist hier zu sehen

Ja, viele .

Einschließlich, aber nicht beschränkt auf:

• nicht brechender Raum:  oder 
• enger No-Break-Raum:  (keine Zeichenreferenz verfügbar)
• en space:  oder 
• em space:  oder 
• 3-pro-em-Raum:  oder 
• 4-pro-em-Raum:  oder 
• 6-pro-em-Leerzeichen:  (keine Zeichenreferenz verfügbar)
• Figurenraum:  oder  
• Interpunktionsraum:   oder  
• dünner Raum:   oder 
• Haarraum:   oder 

span{background-color: red;}

<table>
<tr><td>non breaking space:</td><td> <span>&#160;</span> or <span>&nbsp;</span></td></tr>
<tr><td>narrow no-break space:</td><td> <span>&#8239;</span></td></tr>
<tr><td>en space:</td><td> <span>&#8194;</span> or <span>&ensp;</span></td></tr>
<tr><td>em space:</td><td> <span>&#8195;</span> or <span>&emsp;</span></td></tr>
<tr><td>3-per-em space:</td><td> <span>&#8196;</span> or <span>&emsp13;</span></td></tr>
<tr><td>4-per-em space:</td><td> <span>&#8197;</span> or <span>&emsp14;</span></td></tr>
<tr><td>6-per-em space:</td><td> <span>&#8198;</span></td></tr>
<tr><td>figure space:</td><td> <span>&#8199;</span> or <span>&numsp;</span></td></tr>
<tr><td>punctuation space:</td><td> <span>&#8200;</span> or <span>&puncsp;</td></tr>
<tr><td>thin space:</td><td> <span>&#8201;</span> or <span>&thinsp;</span></td></tr>
<tr><td>hair space:</td><td> <span>&#8202;</span> or <span>&hairsp;</span></td></tr>
</table>

Es gibt Codes für andere Leerzeichen, und die Codes als solche funktionieren gut, aber die Zeichen selbst sind Legacy-Zeichen. Sie wurden nur aufgrund ihres Vorhandenseins in vorhandenen Zeichendaten in Zeichensätze aufgenommen und nicht zur Verwendung in neuen Dokumenten. Bei einigen Kombinationen aus Schriftart und Browserversion wird möglicherweise eine generische Glyphe mit nicht darstellbarem Charakter angezeigt. Weitere Informationen finden Sie auf meiner Seite zu Unicode-Leerzeichen .

Die Verwendung von CSS ist also sicherer und ermöglicht es Ihnen, einen beliebigen Abstand anzugeben, nicht nur die spezifischen Breiten von Räumen mit fester Breite. Wenn Sie nur einen Abstand um Ihre h2-Elemente hinzufügen möchten, wie es mir scheint, sollte das Einstellen der Auffüllung für diese Elemente (Ändern des Werts der Auffüllung: 0-Einstellungen, die Sie bereits haben) einwandfrei funktionieren.

Sie sind sich nicht sicher, ob Sie sich darauf beziehen, aber dies ist die Liste der HTML-Entitäten, die Sie verwenden können:

Liste der Verweise auf XML- und HTML-Zeichenentitäten

Mit dem Inhalt in der Spalte 'Name' können Sie diese einfach in ein &und einschließen;

ZB  ,  usw.

Ich habe diesen Unicode-Dezimalcode verwendet ‌und gearbeitet. mehr Details

Was ist mit normal codierten Leerzeichen?