Pertanyaan Ruang tab bukannya beberapa ruang non-breaking ("nbsp")?


Apakah mungkin untuk memasukkan karakter tab dalam HTML daripada harus mengetik   empat kali?


813
2017-10-15 11:03


asal


Jawaban:


Ini jauh lebih bersih untuk menggunakan CSS. Mencoba padding-left:5em atau margin-left:5em sebagai gantinya.


499
2017-10-15 11:06



Itu tergantung pada set karakter mana yang ingin Anda gunakan.

Tidak ada entitas tab yang didefinisikan dalam ISO-8859-1 HTML - tetapi ada beberapa karakter spasi selain   seperti  ,  ,dan  .

Di ASCII, 	 adalah tab.

Sini adalah daftar lengkap entitas HTML dan diskusi tentang whitespace yang berguna di Wikipedia.


1164
2017-10-15 11:11



Tidak, tab hanya whitespace sejauh menyangkut HTML. Saya akan merekomendasikan em-space sebagai gantinya yang besar ini (-> <-) dan dimasukkan sebagai &emsp;. Anda bahkan mungkin bisa lolos menggunakan karakter unicode untuk itu jika Anda beruntung.


191
2017-10-15 11:07



& emsp; adalah jawabannya.

Namun, mereka tidak akan berfungsi seperti yang Anda harapkan jika Anda terbiasa menggunakan tabulasi horizontal di pengolah kata, mis. Word, Wordperfect, Open Office, Wordworth, dll. Mereka memiliki lebar tetap, dan tidak dapat disesuaikan.

CSS memberi Anda kendali yang jauh lebih besar dan memberikan alternatif hingga W3C memberikan solusi resmi.

Contoh:

padding-left:4em 

..atau..

margin-left:4em 

..sewajarnya

Itu tergantung pada set karakter mana yang ingin Anda gunakan.

Anda dapat mengatur beberapa tag tab dan menggunakannya mirip dengan bagaimana Anda akan menggunakan tag 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>

... dan menggunakannya seperti ini:

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

Jalankan cuplikan di atas untuk melihat contoh visual.

Diskusi ekstra

Tidak ada entitas tabulasi horizontal yang didefinisikan dalam ISO-8859-1 HTML, namun ada beberapa karakter spasi-putih lain yang tersedia daripada yang biasa &nbsp, sebagai contoh; &thinsp;, &ensp; dan yang disebutkan di atas &emsp;.

Ini juga perlu disebutkan bahwa di ASCII dan Unicode, &#09; adalah tabulasi horizontal.


163
2017-11-17 16:52



Mencoba  &emsp;

Ini setara dengan empat &nbsp;s.


63
2018-05-05 07:31



Sebenarnya tidak ada cara mudah untuk memasukkan banyak spasi di dalam (atau di tengah) paragraf. Mereka yang menyarankan Anda menggunakan CSS tidak ada gunanya. Anda mungkin tidak selalu mencoba untuk membuat paragraf dari samping tetapi, pada kenyataannya, mencoba untuk menempatkan spasi tambahan di tempat tertentu.

Intinya, dalam hal ini, ruang menjadi konten dan tidak gaya. Saya tidak tahu mengapa begitu banyak orang tidak melihatnya. Saya kira kekakuan yang mereka coba untuk menegakkan pemisahan gaya dan aturan konten (HTML dirancang untuk melakukan keduanya dari awal - tidak ada yang salah dengan sesekali mendefinisikan gaya unik elemen menggunakan tag yang sesuai tanpa harus menghabiskan lebih banyak waktu untuk membuat style sheet CSS dan sama sekali tidak terbaca tentang hal itu ketika digunakan dalam moderasi. Ada juga sesuatu yang bisa dikatakan untuk dapat melakukan sesuatu dengan cepat.) Diterjemahkan ke bagaimana mereka hanya dapat mempertimbangkan karakter spasi sebagai digunakan hanya untuk gaya dan indentasi.

Dan ketika tidak ada cara yang anggun untuk memasukkan spasi tanpa harus bergantung &emsp; dan &nbsp; tag, saya berpendapat bahwa kode yang dihasilkan menjadi jauh lebih mudah dibaca daripada jika ada tag bernama tepat yang akan memungkinkan Anda untuk dengan cepat memasukkan sejumlah besar spasi (atau jika, Anda tahu, ruang tidak perlu dikonsumsi di pertama tempat).

Seperti itu, seperti yang dikatakan di atas, taruhan terbaik Anda akan digunakan &emsp; untuk dimasukkan di tempat yang benar.


50
2018-06-15 20:58



Lebih baik menggunakan pra menandai. Itu pra tag mendefinisikan teks yang sudah diformat.

<pre>
 This is
preformatted text.
It preserves      both spaces

and line breaks.

</pre>

tahu lebih banyak tentang tag pra di Link ini


41
2017-08-29 17:35