การสร้างบรรทัดคำย่อและย่อหน้าด้วยแท็ก P & BR

เมื่อพูดถึงการเรียนรู้ HTML แท็กสองแท็กที่คนส่วนใหญ่เรียนรู้ในช่วงต้นคือแท็กย่อหน้าและแท็กแบ่งบรรทัด

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

การใช้องค์ประกอบย่อหน้า HTML อย่างถูกต้อง

องค์ประกอบย่อหน้า

ใช้เป็นคู่แท็กกับ

แท็กเปิดองค์ประกอบและ

ปิดแท็ก ในการเขียน HTML4 หรือ HTML5 แท็กสิ้นสุดไม่จำเป็นต้องใช้เทคนิค แต่ถือว่าเป็นการปฏิบัติที่ดีที่สุดในการปิดแท็กนี้ ใน XHTML การปิด

จำเป็น.

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

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

แท็กอื่น ๆ อีกหลายแท็กสามารถปรากฏระหว่างการเปิดและปิดแท็กย่อหน้า

การใช้องค์ประกอบแบ่งสาย HTML อย่างถูกต้อง

องค์ประกอบแบ่งบรรทัด
คือแท็ก singleton - ไม่มีแท็กสิ้นสุด ใน XHTML คุณต้องใช้แท็กกับเครื่องหมายทับ (
) แต่ใน HTML (รวม HTML5) ไม่จำเป็นต้องใช้

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

นี่คือตัวอย่างของการแบ่งบรรทัดภายในย่อหน้า:

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

เนื่องจากแท็กแบ่งบรรทัดเป็นแท็ก singleton แท็กอื่น ๆ จึงไม่สามารถใช้งานได้ภายในแท็ก singleton

Misuses ทั่วไปของ

และ
แท็ก

คนใหม่ในการเขียนโค้ดทำให้เกิดข้อผิดพลาดทั่วไปกับย่อหน้าและองค์ประกอบแบ่งบรรทัดเมื่อทำเครื่องหมายหน้าเว็บ

• การใช้
  เพื่อเปลี่ยนความยาวของบรรทัดข้อความ: การใช้แท็กแบ่งในการบังคับให้ข้อความปรากฏหรือแตกในลักษณะเฉพาะทำให้หน้าเว็บของคุณดูดีในเบราเซอร์ แต่ไม่จำเป็นต้องใช้เบราเซอร์อื่นและไม่ได้อยู่ในอุปกรณ์ทั้งหมด หากไซต์ของคุณเป็นไซต์ที่ปรับเปลี่ยนตามอุปกรณ์จะเปลี่ยนรูปแบบตามขนาดหน้าจอที่แตกต่างกัน เบราว์เซอร์จะใส่คำในการห่อคำและจากนั้นเมื่อพูดถึง
  แท็กจะตัดข้อความอีกครั้งส่งผลให้มีสายสั้นและเส้นยาวและข้อความที่สับสน คุณควรใช้สไตล์ชีท CSS เพื่อกำหนดรูปแบบภาพแทนการพยายามบังคับรูปแบบโดยการเพิ่มองค์ประกอบ HTML ที่เฉพาะเจาะจง
• การใช้เพิ่มช่องว่างระหว่างองค์ประกอบ: อีกครั้งสิ่งนี้เปลี่ยนเป็น HTML เพื่อสร้างเค้าโครงภาพในกรณีนี้เว้นวรรคแทนที่จะใช้ CSS นี่คือแนวทางปฏิบัติทั่วไปของบรรณาธิการ HTML บางส่วนและในขณะที่ยังไม่ผิดทางเทคนิคก็ส่งผลให้ HTML ดูอึดอัดและอาจทำให้เกิดความสับสนในการแก้ไขได้ในภายหลัง นอกจากนี้ยังไม่สอดคล้องกับมาตรฐานเว็บและการแยกโครงสร้างและสไตล์ ในบางกรณีการใช้ช่องว่างที่ไม่ทำลายภายในแท็กวรรคที่ว่างเปล่าอาจส่งผลให้ระยะห่างที่ไม่คาดคิดในเบราว์เซอร์ที่แตกต่างกันเช่นที่พวกเขาทั้งหมดดูเหมือนจะแปลความหมายนี้แตกต่างกัน ทางออกที่ดีที่สุดเพื่อให้ได้องค์ประกอบของช่องว่างที่จำเป็นในการออกแบบของคุณคือการใช้สไตล์ชีต

เรียนรู้เพิ่มเติมเกี่ยวกับแท็กเหล่านี้และแท็กอื่น ๆ ในรายการแท็ก HTML นี้