Skip to content

ย่อหน้าและการขึ้นบรรทัดใหม่

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

ไวยากรณ์ย่อหน้า

ใน Markdown ย่อหน้าคือบรรทัดข้อความที่ต่อเนื่องกัน ในการสร้างย่อหน้า คุณเพียงแค่ใช้บรรทัดว่างแยกข้อความ

ย่อหน้าพื้นฐาน

markdown
นี่คือย่อหน้าแรก ย่อหน้านี้มีหลายประโยค
ประโยคทั้งหมดนี้อยู่ในย่อหน้าเดียวกัน

นี่คือย่อหน้าที่สอง มันแยกจากย่อหน้าแรก
ด้วยบรรทัดว่างหนึ่งบรรทัด

นี่คือย่อหน้าที่สาม

ผลการแสดงผล

นี่คือย่อหน้าแรก ย่อหน้านี้มีหลายประโยค ประโยคทั้งหมดนี้อยู่ในย่อหน้าเดียวกัน

นี่คือย่อหน้าที่สอง มันแยกจากย่อหน้าแรก ด้วยบรรทัดว่างหนึ่งบรรทัด

นี่คือย่อหน้าที่สาม

ไวยากรณ์การขึ้นบรรทัดใหม่

Markdown มีสองวิธีในการขึ้นบรรทัดใหม่:

1. การขึ้นบรรทัดใหม่แบบแข็ง (บังคับ)

เพิ่มช่องว่างสองช่องหรือมากกว่านั้นที่ท้ายบรรทัด แล้วกด Enter:

markdown
นี่คือบรรทัดแรก  
นี่คือบรรทัดที่สอง

ผลการแสดงผล

นี่คือบรรทัดแรก
นี่คือบรรทัดที่สอง

2. การขึ้นบรรทัดใหม่แบบอ่อน (ตามธรรมชาติ)

ใช้บรรทัดว่างแยก เพื่อสร้างย่อหน้าใหม่:

markdown
นี่คือย่อหน้าแรก

นี่คือย่อหน้าที่สอง

ผลการแสดงผล

นี่คือย่อหน้าแรก

นี่คือย่อหน้าที่สอง

เปรียบเทียบวิธีการขึ้นบรรทัดใหม่ที่แตกต่างกัน

วิธีไวยากรณ์เอาต์พุต HTMLสถานการณ์การใช้งาน
การแยกย่อหน้าบรรทัดว่าง<p>...</p>การแบ่งส่วนตามตรรกะ
การขึ้นบรรทัดใหม่แบบแข็งช่องว่างสองช่องที่ท้ายบรรทัด<br>บทกวี ที่อยู่
การขึ้นบรรทัดใหม่ HTML<br><br>การควบคุมที่แม่นยำ

ตัวอย่างเปรียบเทียบ

การแยกย่อหน้า:

markdown
เนื้อหาย่อหน้าที่หนึ่ง

เนื้อหาย่อหน้าที่สอง

การขึ้นบรรทัดใหม่แบบแข็ง:

markdown
เนื้อหาบรรทัดแรก  
เนื้อหาบรรทัดที่สอง

การขึ้นบรรทัดใหม่ HTML:

markdown
เนื้อหาบรรทัดแรก<br>
เนื้อหาบรรทัดที่สอง

ปัญหาที่พบบ่อยและวิธีแก้ไข

1. การเชื่อมต่อโดยไม่ตั้งใจ

ปัญหา: สองบรรทัดข้อความเชื่อมต่อกันโดยไม่ตั้งใจ

markdown
นี่คือบรรทัดแรก
นี่คือบรรทัดที่สอง  ← สองบรรทัดนี้จะถูกรวมเป็นย่อหน้าเดียวกัน

วิธีแก้ไข: ใช้บรรทัดว่างหรือช่องว่างท้ายบรรทัด

markdown
นี่คือบรรทัดแรก

นี่คือบรรทัดที่สอง  ← ตอนนี้เป็นสองย่อหน้าแล้ว

หรือ

นี่คือบรรทัดแรก  
นี่คือบรรทัดที่สอง  ← ตอนนี้เป็นการขึ้นบรรทัดใหม่แบบแข็งแล้ว

2. การขึ้นบรรทัดใหม่โดยไม่ตั้งใจ

ปัญหา: การขึ้นบรรทัดใหม่ที่ไม่ต้องการปรากฏ

markdown
นี่คือประโยคที่ยาวมาก
ที่ถูกแยกโดยไม่ตั้งใจ

วิธีแก้ไข: ตรวจสอบให้แน่ใจว่าข้อความอยู่ในบรรทัดเดียวกันหรือใช้ไวยากรณ์การขึ้นบรรทัดใหม่ที่ถูกต้อง

markdown
นี่คือประโยคที่ยาวมาก ควรอยู่ในย่อหน้าเดียวกัน

หรือใช้การขึ้นบรรทัดใหม่อย่างชัดเจน:
นี่คือประโยคที่ยาวมาก  
ที่นี้เป็นการขึ้นบรรทัดใหม่อย่างตั้งใจ

3. ปัญหาช่องว่าง

ปัญหา: ช่องว่างท้ายบรรทัดมองไม่เห็น ลืมได้ง่าย

วิธีแก้ไข:

  • กำหนดค่าตัวแก้ไขให้แสดงอักขระว่าง
  • ใช้ตัวแก้ไขที่รองรับ Markdown
  • ใช้แท็ก HTML <br> เป็นทางเลือก

การจัดการกรณีพิเศษ

บทกวีและเนื้อเพลง

ใช้การขึ้นบรรทัดใหม่แบบแข็งเพื่อให้แต่ละบรรทัดเป็นอิสระ:

markdown
静夜思  
床前明月光,  
疑是地上霜。  
举头望明月,  
低头思故乡。

ที่อยู่และข้อมูลติดต่อ

markdown
ที่อยู่ติดต่อ:  
เขตไห่เตียน กรุงปักกิ่ง  
ถนนจงกวนชุน เลขที่ 1  
รหัสไปรษณีย์: 100000

หรือใช้ HTML:

ที่อยู่ติดต่อ:<br>
เขตไห่เตียน กรุงปักกิ่ง<br>
ถนนจงกวนชุน เลขที่ 1<br>
รหัสไปรษณีย์: 100000

ความคิดเห็นโค้ด

markdown
/* นี่คือความคิดเห็นหลายบรรทัด  
   แต่ละบรรทัดมีการเยื้องเฉพาะ  
   ต้องรักษารูปแบบ */

แนวทางปฏิบัติที่ดีที่สุด

1. รักษาความสอดคล้อง

รักษาสไตล์ย่อหน้าและการขึ้นบรรทัดใหม่ให้สอดคล้องกันทั้งเอกสาร:

markdown
✅ แนะนำ: ใช้บรรทัดว่างแยกย่อหน้าอย่างสม่ำเสมอ
เนื้อหาย่อหน้าที่หนึ่ง

เนื้อหาย่อหน้าที่สอง

เนื้อหาย่อหน้าที่สาม

❌ ไม่แนะนำ: ผสมใช้วิธีต่างๆ
เนื้อหาย่อหน้าที่หนึ่ง

เนื้อหาย่อหน้าที่สอง  
เนื้อหาย่อหน้าที่สาม

2. หลีกเลี่ยงการขึ้นบรรทัดใหม่แบบแข็งมากเกินไป

markdown
✅ แนะนำ: ให้ประโยคยาวไหลตามธรรมชาติ
นี่คือประโยคยาวมากที่รวมข้อมูลจำนวนมากควรให้มันไหลตามธรรมชาติในย่อหน้า

❌ ไม่แนะนำ: การขึ้นบรรทัดใหม่แบบแข็งที่ไม่จำเป็น
นี่คือประโยคยาวมาก  
รวมข้อมูลจำนวนมาก  
ไม่จำเป็นต้องแบ่งบรรทัดแบบนี้

3. ใช้การแบ่งย่อหน้าที่มีความหมาย

markdown
✅ แนะนำ: แบ่งตามตรรกะ
## คำอธิบายปัญหา

ผู้ใช้รายงานว่าระบบล็อกอินช้า หลังจากการตรวจสอบเบื้องต้น พบว่าการกำหนดค่าพูลการเชื่อมต่อฐานข้อมูลอาจมีปัญหา

## วิธีแก้ไข

ปรับค่าพารามิเตอร์พูลการเชื่อมต่อฐานข้อมูล เพิ่มจำนวนการเชื่อมต่อสูงสุดและปรับปรุงการตั้งค่า timeout

❌ ไม่แนะนำ: แบ่งย่อหน้าอย่างไม่ตั้งใจ
## คำอธิบายปัญหา

ผู้ใช้รายงานว่าระบบล็อกอินช้า

หลังจากการตรวจสอบเบื้องต้น

พบว่าการกำหนดค่าพูลการเชื่อมต่อฐานข้อมูลอาจมีปัญหา

การกำหนดค่าตัวแก้ไข

Visual Studio Code

แสดงอักขระว่าง:

json
{
  "editor.renderWhitespace": "all",
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true
}

Typora

เปิดการแสดงอักขระว่าง:

  • การตั้งค่า → ตัวแก้ไข → แสดงอักขระว่าง

Vim

แสดงอักขระว่าง:

vim
:set list
:set listchars=space:·,trail:·,eol

เอาต์พุต HTML

ย่อหน้าและการขึ้นบรรทัดใหม่ Markdown จะถูกแปลงเป็น HTML:

markdown
ย่อหน้า 1

ย่อหน้า 2

แปลงเป็น:

html
<p>ย่อหน้า 1</p>
<p>ย่อหน้า 2</p>
markdown
บรรทัด 1  
บรรทัด 2

แปลงเป็น:

html
<p>บรรทัด 1<br>
บรรทัด 2</p>

ไวยากรณ์ที่เกี่ยวข้อง

การฝึกฝน

ลองสร้างเนื้อหาต่อไปนี้:

  1. สามย่อหน้าที่มีหัวข้อต่างกัน
  2. บทกวีสั้นหนึ่งบท (ใช้การขึ้นบรรทัดใหม่แบบแข็ง)
  3. บล็อกที่อยู่ที่รวมข้อมูลติดต่อ
  4. ข้อความที่ซับซ้อนที่ผสมย่อหน้าและการขึ้นบรรทัดใหม่

หลังจากเสร็จแล้วตรวจสอบผลการแสดงผล ตรวจสอบให้แน่ใจว่ารูปแบบเป็นไปตามที่คาดไว้

สร้างโดย www.markdownlang.com