เขียนใน HTML: ย่อหน้าและระยะห่าง

หรือ: เพราะเหตุใด HTML ของฉันจึงเรียกใช้ร่วมกันทั้งหมดเหมือนกับการเลื่อนแบบโบราณ?

ดังนั้นคุณได้เรียนรู้ เกี่ยวกับแนวคิด HTML ขั้นพื้นฐาน และ แท็ก HTML ขั้นพื้นฐาน และคุณได้ตัดสินใจที่จะวาง HTML ไว้ใน CMS ของคุณ แต่บทความของคุณทำงานด้วยกัน ทุกอย่างเป็นหนึ่งย่อหน้า! เกิดอะไรขึ้น?

อย่าตกใจ ทำความเข้าใจกับวิธีที่ เบราว์เซอร์ ของคุณตีความตัวแบ่งบรรทัดและคุณจะแก้ไขปัญหานี้ได้อย่างรวดเร็ว ... หรืออย่างน้อยก็ง่ายๆ

เบราว์เซอร์ละเว้นพื้นที่สีขาวมากที่สุด

HTML เป็นเรื่องเกี่ยวกับการทำเครื่องหมายข้อความธรรมดา เมื่อข้อความอยู่ใน parchmentq ข้อความธรรมดาวิ่งกันในกลุ่มยักษ์ วันนี้เราแบ่งข้อความเป็น ย่อหน้า

คุณอาจไม่ได้คิดเกี่ยวกับย่อหน้า พวกเขาเพิ่งเกิดขึ้น คุณกด ENTER และที่ว่า

แต่ HTML แตกต่างกัน เบราว์เซอร์พยายามอย่างหนักเพื่อกรองข้อมูลที่ดูเหมือนไม่มีความสำคัญ คุณต้องเข้าใจวิธีการทำงานเพื่อไม่ให้เกิดความสับสน

สมมติว่าคุณพิมพ์ทั้งช่องว่าง:

ฉันรู้สึกเหมือน ee cummings

เบราเซอร์ที่หยาบคายของคุณจะให้การกระทำที่คมชัดนี้:

ฉันรู้สึกเหมือน ee cummings

เราไม่ได้อยู่ใน Word อีกต่อไป Toto เบราว์เซอร์ ไม่สนใจระยะห่างที่เพิ่ม ขึ้น ลดช่องว่างลงได้หลายช่อง

เบราเซอร์จะ ไม่สนใจการแบ่งบรรทัดของคุณ

ฉันรู้สึกเหมือน ee คัมมิงส์ แต่ทุกคนเกลียดทุนออนไลน์ต่อไป

เบราเซอร์ของคุณทำให้:

ฉันรู้สึกเหมือน ee คัมมิงส์ แต่ทุกคนเกลียดทุนออนไลน์ต่อไป

ถ้าคุณมาจากโลกของเวิร์ดเพ็ทเพรสเซอร์พฤติกรรมนี้อาจทำให้ตกใจ จริงๆแล้วมันทำให้คุณมีอิสระอย่างมาก

ย่อหน้า

แต่คุณอาจต้องการย่อหน้า นี่คือ:

และ

นี่คือย่อหน้า

นี่คือย่อหน้าอื่นแม้ว่าจะอยู่ในบรรทัดเดียวกัน และแม้ว่าฉันเพิ่งป้อนบรรทัดที่สองแบ่งนี้ยังคงเป็นส่วนหนึ่งของวรรคสอง ตอนนี้ฉันจะปิดวรรคสอง

ดูอย่างละเอียดที่แท็ก

และ จากนั้นดูว่าเบราว์เซอร์ทำอะไร

นี่เป็นย่อหน้า นี่คือย่อหน้าอื่นแม้ว่าจะอยู่ในบรรทัดเดียวกัน และแม้ว่าฉันเพิ่งป้อนบรรทัดที่สองแบ่งนี้ยังคงเป็นส่วนหนึ่งของวรรคสอง ตอนนี้ฉันจะปิดย่อหน้าที่สอง

ดู? เบราเซอร์จริงๆละเว้นบรรทัดของคุณ เพียง แต่ใส่ใจเกี่ยวกับแท็ก

โดยปกติแล้วทางเลือกที่มีเหตุผลคือการจับคู่วรรคของคุณกับตัวแบ่งบรรทัด:

นี่คือย่อหน้า

นี่คือย่อหน้าอื่น

แต่การแบ่งบรรทัดเป็นเพียงสำหรับคุณเท่านั้น เบราเซอร์ละเว้น

การเพิ่มแท็ก

อาจทำให้น่าเบื่อ เป็นสิ่งหนึ่งที่จะเพิ่มตัวเอียงที่นี่และที่นั่น เป็นอีกหนึ่งที่ต้องเพิ่มแท็กทุกครั้งที่คุณเริ่มย่อหน้าใหม่

แต่เดี๋ยวก่อน! มีความหวัง! อย่าวิ่งกรีดร้องกลับไปยังโปรแกรมประมวลผลคำของคุณ

CMS ของคุณอาจเคารพเส้นเปล่าของคุณ

โชคดีที่ CMS บางประเภทได้รับการออกแบบมาเพื่อ แทรกแท็กวรรคโดยอัตโนมัติ สำหรับคุณเบื้องหลัง คุณสามารถแทรก บรรทัดว่าง ระหว่างย่อหน้าและ CMS ทำส่วนที่เหลือ

นี่เป็นย่อหน้า ไม่มีแท็ก! ต่อไปนี้เป็น อีก ย่อหน้า

หาก CMS ของคุณมีคุณลักษณะนี้คุณจะได้รับ:

นี่เป็นย่อหน้า ไม่มีแท็ก! และนี่คือย่อหน้า อื่น

ทำไมการทำงานนี้? ก่อนที่ CMS จะตัดบทความของคุณเป็น หน้าเว็บ จะเพิ่มแท็ก

ที่จำเป็น

CMS ของคุณอาจทำโดยอัตโนมัติ ถ้าไม่ทำคุณอาจเปิดคุณลักษณะนี้ได้

กด ENTER สองครั้งสำหรับย่อหน้า

ในโปรแกรมประมวลผลคำคุณมักจะกด ENTER เพียงครั้งเดียวระหว่างย่อหน้า ย่อหน้าเป็นบรรทัดเดียว แต่โปรแกรมประมวลผลคำจะตัดคำเหล่านั้น

ใน HTML คุณต้องการ กด ENTER สองครั้งระหว่างย่อหน้า หาก CMS เพิ่มแท็ก

โดยอัตโนมัติอาจคาดว่าบรรทัดว่าง

การแบ่งบรรทัด HTML ต่างกัน

ในเบราว์เซอร์ย่อหน้ามีช่องว่างระหว่างพวกเขา จะทำอย่างไรถ้าคุณเพียงต้องการวางสายโดยไม่ต้องเว้นวรรคก่อนบรรทัดถัดไป ไม่มีปัญหา. มีแท็กแบ่งบรรทัด