Существуют ли другие пробельные коды, такие как &nbsp для полупространств, em-spaces, en-spaces и т.д., Которые полезны в HTML?

Интересно, есть ли другие коды для использования в бюллетене HTML.

Я бы использовал прописку или поля ячейки, но я новичок в этой статье HTML/CSS, и я не могу найти изменения, которые влияют как на основную строку заголовка, так и на подглавку под ним. Будучи электронной почтой, я не решаюсь идти с CSS, чтобы получить ее именно так, так как я не знаю, какие почтовые клиенты не любят по отношению к CSS, а не к встроенной разметке.

Для контекста шаблон, который я использую, - это тема без звука от 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>

Весь адрес электронной почты в виде веб-страницы можно увидеть здесь

Ответ 1

Да много.

В том числе, но не ограничивается:

  • неразрывный пробел: &#160; или &nbsp;
  • узкое пространство без перерывов: &#8239; (нет ссылок на символы)
  • в пробелах: &#8194; или &ensp;
  • em space: &#8195; или &emsp;
  • Пробел 3 на каждого: &#8196; или &emsp13;
  • Пробел 4 на каждого: &#8197; или &emsp14;
  • Пробел 6 на каждого: &#8198; (нет ссылок на символы)
  • пространство цифры: &#8199; или &numsp;
  • пунктуация: &#8200; или &puncsp;
  • тонкое пространство: &#8201; или &thinsp;
  • пространство для волос: &#8202; или &hairsp;

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>

Ответ 2

Существуют коды для других символов пробела, и коды как таковые работают хорошо, но сами символы являются устаревшими. Они были включены в набор символов только из-за их присутствия в существующих символьных данных, а не для использования в новых документах. Для некоторых комбинаций шрифта и версии браузера они могут вызывать общий глиф непредставимого персонажа. Подробнее см. Страницу о пространствах Юникода.

Таким образом, использование CSS более безопасно и позволяет указать любое требуемое количество интервалов, а не только определенную ширину пространств фиксированной ширины. Если вы просто хотите добавить интервалы вокруг своих элементов h2, как мне кажется, тогда настройка заполнения этих элементов (изменение значения настроек дополнения: 0, которые у вас уже есть) должно работать нормально.

Ответ 3

Не уверен, что это то, о чем вы говорите, но это список объектов HTML, которые вы можете использовать:

Список ссылок на символы XML и HTML

Используя содержимое в столбце "Имя", вы можете просто обернуть их в & и ;

например. &nbsp;, &emsp; и т.д.

Ответ 4

Как насчет нормального закодированного символа пробела?

&#32;

Ответ 5

Я использовал этот десятичный код Unicode &#8204; и работал. больше деталей

Ответ 6

Вам необходимо использовать:

&nbsp;  non-breaking space: ' '
&emsp;  em space: ' '
&ensp;  en space: ' '
&thinsp;    thin space: ' '

SIX-PER-EM SPACE

<p>I will display &#8198;</p>
<p>I will display &#x2006;</p>

EN QUAD космический пример

<p>I will display &#8192;tt</p>
<p>I will display &#x2000;tt</p>

EM QUAD

<p>I will display &#8193;tt</p>
<p>I will display &#x2001;tt</p>

Таблица

Char    Dec Hex Entity  Name
    8192    2000        EN QUAD
    8193    2001        EM QUAD
    8194    2002    &ensp;  EN SPACE
    8195    2003    &emsp;  EM SPACE
    8196    2004        THREE-PER-EM SPACE
    8197    2005        FOUR-PER-EM SPACE
    8198    2006        SIX-PER-EM SPACE
    8199    2007        FIGURE SPACE
    8200    2008        PUNCTUATION SPACE
    8201    2009    &thinsp;    THIN SPACE
    8202    200A        HAIR SPACE
​   8203    200B        ZERO WIDTH SPACE

В основном вы можете заменить 4 пробела

&emsp; == &nbsp;&nbsp;&nbsp;&nbsp;