ใน HTML, การเว้นวรรคและขึ้นบรรทัดใหม่สามารถทำได้โดยใช้แท็ก
หรือ
ซึ่งเป็นแท็กเปิดและปิดที่ไม่ต้องมีเนื้อหาภายใน ในการใช้งานแท็ก
สามารถใส่หลายครั้งเพื่อเว้นวรรคห่างกันได้มากขึ้น ยกตัวอย่างเช่น:
<p>ข้อความที่อยู่บรรทัดแรก<br>ข้อความที่อยู่บรรทัดที่สอง</p>
ผลลัพธ์ที่ได้คือ:
ข้อความที่อยู่บรรทัดแรก
ข้อความที่อยู่บรรทัดที่สอง
นอกจากนี้ยังสามารถใช้แท็ก
เพื่อกำหนดเนื้อหาที่อยู่ในย่อหน้า และใช้แท็ก
เพื่อเว้นวรรคภายในย่อหน้าได้เช่นกัน ยกตัวอย่างเช่น:
<p>ข้อความที่อยู่ในย่อหน้า 1<br>
ข้อความที่อยู่ในย่อหน้า 2<br>
ข้อความที่อยู่ในย่อหน้า 3</p>
ผลลัพธ์ที่ได้คือ:
ข้อความที่อยู่ในย่อหน้า 1
ข้อความที่อยู่ในย่อหน้า 2
ข้อความที่อยู่ในย่อหน้า 3
การใช้แท็ก
และ
ให้ถูกต้องเป็นวิธีที่ดีในการเว้นวรรคและขึ้นบรรทัดใหม่ใน HTML และสามารถอ้างอิงแหล่งที่มาสำหรับข้อมูลเพิ่มเติมเกี่ยวกับแท็กและการใช้งานในเอกสารทางเว็บไซต์อื่น ๆ ได้.
เว้นวรรคแบบ non-breaking และเว้นวรรคแบบกำหนดความห่างได้
การใช้งาน HTML ปกติจะเว้นวรรคเพียงครั้งเดียวระหว่างคำ ถึงแม้ว่าจะกด spacebar หลายครั้งก็ตาม แต่เราสามารถเว้นวรรคห่างๆ ได้โดยการใช้ non-breaking space ด้วยการพิมพ์ บริเวณที่ต้องการเว้นวรรคห่าง หรือใช้ตัวเลือกต่อไปนี้เพื่อเว้นวรรคห่างๆ ได้ตามที่ต้องการ
- เว้นวรรค 2 ครั้ง – พิมพ์  
- เว้นวรรค 4 ครั้ง – พิมพ์  
- เว้นวรรคเหมือนกด Tab – พิมพ์
แต่ถ้าใช้งานตัวเลือกเหล่านี้เยอะไป เบราว์เซอร์อาจมีปัญหาการขึ้นบรรทัดใหม่ ทำให้อ่านไม่สะดวก ดังนั้น ถ้าต้องการเว้นวรรคห่างๆ ควรพิมพ์ non-breaking space หรือใช้ CSS padding หรือ margin ในการย่อหน้าด้วย
คุณกำลังดู: วิธีการ เว้นวรรคห่างๆ ใน HTML
เว้นวรรคแบบ non-breaking space
การเว้นวรรคแบบ non-breaking space จะไม่ทำให้เกิด line break ใหม่ แต่ข้อเสียคือถ้าใช้งานเยอะจะทำให้เบราว์เซอร์ขึ้นบรรทัดใหม่ ทำให้การอ่านไม่สะดวก
ตัวอย่างการใช้งาน non-breaking space
สวัสดี ชาวโลก!
การใช้งาน HTML เบื้องต้น
การขึ้นบรรทัดใหม่
เพื่อขึ้นบรรทัดใหม่ใน HTML ให้ใช้แท็ก <br> ต่อท้ายบรรทัดข้อความ เช่น
ช้างมีหูมีตา<br> มีงาหางยาว
ข้อความ “ช้างมีหูมีตา” กับ “มีงาหางยาว” จะไปอยู่คนละบรรทัดกัน
การกำหนดย่อหน้า
หากต้องการกำหนดย่อหน้าใน HTML ให้ใช้แท็ก และ เช่น
ข้อความย่อหน้า ข้อความย่อหน้าอีกบรรทัด
จะได้ข้อความที่แยกจากข้อความอื่นๆ ในหน้านั้น
การกำหนดฟอร์แมตข้อความ
หากต้องการกำหนดฟอร์แมตข้อความ ให้ใช้แท็ก และ เช่น
ข้อความที่จะกำหนดฟอร์แมต
จะได้ข้อความที่ไม่เปลี่ยนแปลงฟอร์แมตตามที่กำหนดไว้