Apakah Teks Pra-Formatted?

Di sini, bagaimana menggunakan teg Teks Pra-Formatted dalam kod HTML anda

Apabila anda menambah teks kepada kod HTML untuk halaman Web, katakan dalam elemen perenggan, anda mempunyai sedikit kawalan ke atas mana baris teks akan pecah atau jarak yang akan digunakan. Ini kerana pelayar web akan mengalir teks yang diperlukan berdasarkan kawasan yang mengandunginya. Ini termasuk laman web yang responsif yang akan mempunyai susun atur yang sangat cecair yang berubah berdasarkan saiz skrin yang digunakan untuk melihat halaman tersebut .

Teks HTML akan memecah garisan di mana ia perlu apabila ia telah sampai ke akhir kawasan yang mengandunginya. Pada akhirnya, pelayar memainkan lebih banyak peranan dalam menentukan bagaimana teks itu pecah daripada yang anda lakukan.

Dari segi menambah jarak untuk membuat format atau susun atur tertentu, HTML tidak mengenali jarak yang ditambahkan pada kod, termasuk ruang, tab, atau pengembalian kereta. Jika anda meletakkan dua puluh ruang di antara satu perkataan dan perkataan yang datang selepas itu, penyemak imbas hanya akan menghasilkan satu ruang tunggal di sana. Ini dikenali sebagai keruntuhan ruang putih dan sebenarnya merupakan salah satu konsep HTML yang banyak yang baru perjuangan industri dengan mulanya. Mereka mengharapkan ruang kosong HTML untuk berfungsi seperti yang dilakukan dalam program seperti Microsoft Word, tetapi itu bukanlah cara kerja ruang kosong HTML.

Dalam kebanyakan kes, pengendalian teks biasa dalam mana-mana dokumen HTML adalah tepat apa yang anda perlukan, tetapi dalam keadaan lain, anda sebenarnya mungkin mahu lebih banyak kawalan ke atas bagaimana teks ruang keluar dan di mana ia memecah garisan.

Ini diketahui sebagai teks pra-diformat (dengan kata lain, anda menentukan formatnya). Anda boleh menambah teks pra-diformat ke laman web anda menggunakan tag pre-HTML.

Menggunakan

 Tag 

Ramai tahun yang lalu, ia lazim digunakan untuk melihat halaman web dengan blok teks pra-diformat. Menggunakan tag pra untuk menentukan bahagian halaman yang diformat oleh menaip sendiri adalah cara yang cepat dan mudah untuk pereka web untuk mendapatkan teks yang dipaparkan kerana mereka mahu.

Ini sebelum munculnya CSS untuk susun atur, apabila pereka web benar-benar tersekat cuba memaksa susun atur dengan menggunakan jadual dan kaedah HTML sahaja. Ini (agak) berfungsi kembali kerana teks pra-format ditakrifkan sebagai teks di mana struktur ditakrifkan oleh konvensyen percetakan dan bukannya oleh rendering HTML.

Hari ini, tag ini tidak banyak digunakan kerana CSS membenarkan kami untuk menentukan gaya visual dalam cara yang lebih cekap daripada cuba memaksa penampilan ke dalam HTML kami dan kerana piawaian Web menentukan pemisahan struktur (HTML) dan gaya (CSS) yang jelas. Walau bagaimanapun, mungkin ada contoh teks pra-format yang masuk akal, seperti untuk alamat mel yang anda mahu memaksa pecutan baris atau untuk contoh-contoh puisi di mana garis pemisah penting untuk bacaan dan aliran keseluruhan kandungan.

Berikut adalah satu cara untuk menggunakan tag HTML

: 

 
 Twas brillig dan tolu slithey Adakah gila dan gimble di wabe  
 HTML biasa runtuh ruang putih dalam dokumen. Ini bermakna bahawa angka pulangan, ruang, dan tab kereta yang digunakan dalam teks ini semua akan runtuh ke satu ruang. Jika anda menaip petikan di atas ke dalam tag HTML biasa seperti tag p (paragraf), anda akan berakhir dengan satu baris teks, seperti ini: 
 Twas brillig dan toksik slithey Adakah gila dan gimble di wabe 
 Tag pra meninggalkan watak ruang putih seperti yang ada. Oleh itu, baris pecah, ruang, dan tab semuanya dikekalkan dalam penyemakan kandungan itu. Meletakkan petikan di dalam tag pra untuk teks yang sama akan menghasilkan paparan ini: 
 Twas brillig dan toksik slithey Adakah gila dan gimble di wabe 
 Mengenai Fon 
 Tag pra tidak lebih daripada sekadar mengekalkan ruang dan rehat untuk teks yang anda tulis. Dalam kebanyakan pelayar, ia ditulis dalam font monospace. Ini menjadikan watak-watak dalam teks semua sama lebarnya. Dalam erti kata lain, surat saya mengambil sebanyak ruang seperti huruf w. 
 Sekiranya anda lebih suka menggunakan font lain sebagai pengganti monospace lalai yang dipaparkan oleh penyemak imbas, anda masih boleh mengubahnya dengan helaian gaya dan memilih mana-mana font lain yang anda ingin teks dipaparkan . 
 HTML5 
 Satu perkara yang perlu diberi perhatian ialah, dalam HTML5, atribut "lebar" tidak lagi disokong untuk elemen 
. Dalam HTML 4.01, lebar menentukan bilangan aksara yang baris mengandungi, tetapi ini telah dijatuhkan untuk HTML5 dan seterusnya. 

 Disunting oleh Jeremy Girard pada 2/2/17