Atau: Mengapa HTML Saya Semua Berjalan Bersama Seperti Gulir Kuno?
Jadi, Anda telah belajar konsep dasar HTML dan beberapa tag HTML dasar , dan Anda memutuskan untuk menempelkan beberapa HTML ke CMS Anda . Sayangnya, artikel Anda berjalan bersamaan. Semuanya satu paragraf! Apa yang terjadi?
Jangan panik. Pahami bagaimana peramban Anda menafsirkan jeda baris, dan Anda akan memperbaikinya dengan cepat ... atau setidaknya, sederhananya.
Browser Mengabaikan Kebanyakan Ruang Putih
HTML adalah tentang menandai teks biasa. Kembali ketika teks berada di perkamen, teks biasa berlari bersama dalam blok raksasa. Hari ini, kami membagi teks menjadi paragraf .
Anda mungkin tidak berpikir banyak tentang paragraf. Mereka terjadi begitu saja. Anda menekan ENTER, dan itu itu.
Tetapi HTML berbeda. Browser berusaha menyaring informasi yang tampaknya tidak penting. Anda perlu memahami cara kerjanya agar Anda tidak bingung.
Misalkan Anda mengetik sejumlah ruang:
Saya merasa seperti ee cummingsBrowser Anda yang membosankan akan memberikan rendisi yang tajam ini:
Saya merasa seperti ee cummings
Kami tidak lagi di Word, Toto. Browser mengabaikan spasi ekstra . Mereka mengurangi banyak ruang ke satu ruang.
Browser juga akan mengabaikan jeda baris Anda .
Saya merasa seperti ee cummings tetapi semua orang membenci MODAL online pula.Browser Anda membuat ini:
Saya merasa seperti ee cummings tetapi semua orang membenci MODAL online pula.
Jika Anda berasal dari dunia pengolah kata, perilaku ini bisa mengejutkan. Sebenarnya, ini memberi Anda banyak kebebasan.
Paragraf
Tetapi Anda mungkin masih menginginkan paragraf. Di sini mereka:
dan .
Ini adalah paragraf.
Ini adalah paragraf yang lain, meskipun itu pada baris yang sama. Dan meskipun saya baru saja memasuki dua jeda baris, ini masih merupakan bagian dari paragraf dua. Sekarang saya akan menutup paragraf dua.
Perhatikan dengan teliti pada tag
dan , lalu lihat apa yang dilakukan browser.
Ini adalah paragraf. Ini adalah paragraf yang lain, meskipun itu pada baris yang sama. Dan meskipun saya baru saja memasuki dua jeda baris, ini masih merupakan bagian dari paragraf dua. Sekarang saya akan menutup paragraf dua.
Lihat? Peramban benar-benar mengabaikan jeda baris Anda. Itu hanya peduli tentang tag.
Biasanya, tentu saja, pilihan waras adalah mencocokkan paragraf Anda dengan jeda baris:
Ini adalah paragraf.
Ini adalah paragraf yang lain.
Tapi jeda baris hanya untuk Anda. Browser mengabaikannya.
Menambahkan banyak tag
bisa membosankan. Ini satu hal untuk menambahkan huruf miring di sana-sini. Yang lain harus menambahkan tag setiap kali Anda memulai paragraf baru.
Tapi tunggu! Ada harapan! Jangan berlari menjerit kembali ke pengolah kata Anda.
CMS Anda Mungkin Menghormati Garis Kosong Anda
Untungnya, beberapa CMS dirancang untuk menyisipkan tag paragraf secara otomatis untuk Anda, di belakang layar. Anda cukup memasukkan garis kosong di antara paragraf, dan CMS akan melakukan sisanya.
Ini adalah paragraf. Tanpa tag! Dan inilah paragraf yang lain .Jika CMS Anda memiliki fitur ini, Anda akan mendapatkan:
Ini adalah paragraf. Tanpa tag! Dan inilah paragraf lainnya .
Kenapa ini bisa berfungsi? Sebelum CMS memuntahkan artikel Anda sebagai halaman web , itu menambahkan tag
yang diperlukan.
CMS Anda mungkin akan melakukan ini secara otomatis. Jika tidak, Anda mungkin dapat mengaktifkan fitur ini.
Tekan ENTER Dua Kali untuk Paragraf
Dalam pengolah kata, Anda biasanya menekan ENTER hanya sekali di antara paragraf. Paragraf adalah satu baris, tetapi pengolah kata membungkusnya.
Dalam HTML, Anda ingin menekan ENTER dua kali di antara paragraf . Jika CMS Anda menambahkan tag
secara otomatis, kemungkinan akan mengharapkan garis kosong.
Garis Hentian HTML Berbeda
Di browser, paragraf memiliki ruang di antara mereka. Bagaimana jika Anda hanya ingin mengakhiri garis, tanpa spasi sebelum baris berikutnya? Tidak masalah. Ada tag pembatas baris.