여러 개의 공백이 아닌 탭 공간 (“nbsp”)? 탭 문자를 삽입 할 수 있습니까?

 네 번 입력하지 않고 HTML에 탭 문자를 삽입 할 수 있습니까?

답변

CSS를 사용하는 것이 훨씬 깨끗합니다. padding-left:5em또는 margin-left:5em대신 적절하게 시도하십시오 .

답변

사용하려는 문자 세트에 따라 다릅니다.

ISO-8859-1 HTML에 정의 탭 개체가 없습니다 -하지만 이외의 공백 문자의 부부가  같은이  ,  그리고  .

ASCII에서 	탭입니다.

다음 은 Wikipedia 에서 HTML 엔터티의 전체 목록과 공백에 대한 유용한 설명입니다 .

답변

아니요, Tab 은 HTML에 관한 한 공백 입니다. 내가 권하고 싶습니다 EM-공간 이 큰하는 대신 (→ | | ←) … 일반적으로 4 넓은 공간 – 그리고는 입력입니다  .

운이 좋으면 유니 코드 문자 ( ”  “)를 사용하여 벗어날 수도 있습니다 .

답변

& emsp; 답입니다.

그러나 워드 프로세서에서 Word, Wordperfect, Open Office, Wordworth 등과 같은 워드 프로세서에서 가로 표를 사용하는 데 익숙한 경우 예상대로 작동하지 않습니다. 너비가 고정되어 있으며 사용자 지정할 수 없습니다.

CSS는 W3C가 공식 솔루션을 제공 할 때까지 훨씬 더 강력한 제어 기능을 제공하고 대안을 제공합니다.

예:

padding-left:4em

..또는..

margin-left:4em

..적절한

사용하려는 문자 세트에 따라 다릅니다.

일부 탭 태그를 설정하고 h 태그를 사용하는 방법과 유사하게 사용할 수 있습니다.

<style>
    tab1 { padding-left: 4em; }
    tab2 { padding-left: 8em; }
    tab3 { padding-left: 12em; }
    tab4 { padding-left: 16em; }
    tab5 { padding-left: 20em; }
    tab6 { padding-left: 24em; }
    tab7 { padding-left: 28em; }
    tab8 { padding-left: 32em; }
    tab9 { padding-left: 36em; }
    tab10 { padding-left: 40em; }
    tab11 { padding-left: 44em; }
    tab12 { padding-left: 48em; }
    tab13 { padding-left: 52em; }
    tab14 { padding-left: 56em; }
    tab15 { padding-left: 60em; }
    tab16 { padding-left: 64em; }
</style>

… 그런 식으로 사용하십시오 :

<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Tabulation example</title>

        <style type="text/css">
            dummydeclaration { padding-left: 4em; } /* Firefox ignores first declaration for some reason */
            tab1 { padding-left: 4em; }
            tab2 { padding-left: 8em; }
            tab3 { padding-left: 12em; }
            tab4 { padding-left: 16em; }
            tab5 { padding-left: 20em; }
            tab6 { padding-left: 24em; }
            tab7 { padding-left: 28em; }
            tab8 { padding-left: 32em; }
            tab9 { padding-left: 36em; }
            tab10 { padding-left: 40em; }
            tab11 { padding-left: 44em; }
            tab12 { padding-left: 48em; }
            tab13 { padding-left: 52em; }
            tab14 { padding-left: 56em; }
            tab15 { padding-left: 60em; }
            tab16 { padding-left: 64em; }

        </style>

    </head>

    <body>
        <p>Non tabulated text</p>

        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p>Non tabulated text</p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>

    </body>

</html>

스 니펫 확장

위의 스 니펫을 실행하여 시각적 예를 확인하십시오.

추가 토론

ISO-8859-1 HTML에 정의 된 가로 도표 엔터티는 없지만 &nbsp, 예를 들어 평소보다 사용 가능한 다른 공백 문자가 있습니다 . &thinsp;, &ensp;및 전술 &emsp;.

ASCII 및 유니 코드에서는 &#09;가로 표입니다.

답변

빈 공간을 삽입하기 위해 HTML에서 제공하는 3 가지 방법은 다음과 같습니다.

  1. &nbsp;단일 공백을 추가하려면 입력 하십시오.
  2. &ensp;2 개의 공백을 추가하려면 입력 하십시오.
  3. &emsp;4 개의 공백을 추가하려면 입력 하십시오.

답변

시험 &emsp;

4와 같습니다 &nbsp;.

답변

단락 내부 (또는 중간)에 여러 공백을 삽입하는 쉬운 방법은 없습니다. CSS 사용을 제안하는 사람들에게는 요점이 없습니다. 항상 한 쪽에서 단락을 들여 쓰려고하는 것은 아니지만 실제로 특정 지점에 추가 공백을 두려고합니다.

본질적으로,이 경우, 공간이 될 내용 과 없는 스타일. 왜 그렇게 많은 사람들이 그것을 보지 못하는지 모르겠습니다. 나는 그들이 스타일과 내용 규칙의 분리를 시행하려고하는 강성을 추측합니다 (HTML은 처음부터 두 가지를 모두 수행하도록 설계되었습니다- 더 많은 비용을 들이지 않고 적절한 태그를 사용하여 고유 한 요소의 스타일을 정의하는 데 아무런 문제가 없습니다. CSS 스타일 시트를 작성하는 데 시간이 걸리며 적당히 사용될 때 읽을 수있는 것이 전혀 없습니다. 빠른 작업을 수행 할 수 있다는 말도 있습니다.) 공백 문자 만 사용하는 것으로 간주 할 수있는 방법으로 변환합니다. 스타일과 들여 쓰기.

그리고 태그 &emsp;와 &nbsp;태그 에 의존하지 않고 공백을 삽입 할 수있는 우아한 방법이 없으면 많은 공간을 빠르게 삽입 할 수있는 적절한 이름의 태그가있는 경우보다 결과 코드를 훨씬 더 읽을 수 없게된다고 주장합니다 (또는 아시다시피, 공간이 불필요하게 소비되지 않은 경우).

그러나 위에서 말했듯이 가장 좋은 방법은 &emsp;올바른 위치에 삽입하는 것입니다.