반 공백, 공백, 공백 등을위한 & nbsp와 같은 다른 공백 코드가 HTML에 유용합니까? </h1>

HTML 뉴스 레터에 사용할 수있는 다른 코드가 있는지 궁금합니다.

셀 패딩이나 여백을 사용하지만이 HTML / CSS에 익숙하지 않으며 기본 제목 줄과 그 아래에있는 서브 헤드 모두에 영향을 미치는 변경 사항을 찾을 수 없습니다. 이메일이기 때문에 인라인 마크 업이 아닌 CSS 방식에서 어떤 이메일 클라이언트가 마음에 들지 않는지 모르겠 기 때문에 CSS를 사용하는 것이 주저합니다.

맥락에서 내가 사용하는 템플릿은 Mailchimp snip의 Mute 테마입니다.

    <!-- 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>

웹 페이지로서의 전체 이메일은 여기에서 볼 수 있습니다



답변

예, 많은 .

다음을 포함하지만 이에 국한되지는 않습니다.

  • 비파괴 공간 : &#160;또는&nbsp;
  • 좁은 휴식 공간 : &#8239;(문자 참조 불가)
  • 공간 : &#8194;또는&ensp;
  • em 공간 : &#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>


답변

다른 공백 문자에 대한 코드가 있으며 이러한 코드는 잘 작동하지만 문자 자체는 레거시 문자입니다. 그것들은 새로운 문서에서 사용하기보다는 기존의 문자 데이터에 존재하기 때문에 문자 세트에 포함되었습니다. 글꼴 및 브라우저 버전의 일부 조합에서는 표시 할 수없는 문자의 일반 글리프가 표시 될 수 있습니다. 자세한 내용 은 유니 코드 공백에 대한페이지를 확인 하십시오 .

따라서 CSS를 사용하는 것이 더 안전하며 고정 너비 공간의 특정 너비뿐만 아니라 원하는 간격을 지정할 수 있습니다. 나에게 보이는 것처럼 h2 요소 주위에 간격을 추가하고 싶다면 해당 요소에 패딩을 설정하십시오 (패딩 값을 변경하십시오 : 이미 가지고있는 0 설정).


답변

이것이 당신이 말하는 것이 확실하지 않지만, 이것은 당신이 사용할 수있는 HTML 엔티티의 목록입니다 :

XML 및 HTML 문자 엔터티 참조 목록

‘이름’열에서 컨텐츠를 사용하여 당신은 단지 이러한 포장 할 수 &;


&nbsp;, &emsp;


답변

이 유니 코드 10 진수 코드를 사용 &#8204;하여 작동했습니다. 자세한 내용은


답변

일반적인 인코딩 된 공백 문자는 어떻습니까?

&#32;


답변