ย่อหน้าและการขึ้นบรรทัดใหม่
ย่อหน้าและการขึ้นบรรทัดใหม่เป็นบล็อกพื้นฐานในการสร้างเอกสาร Markdown การเชี่ยวชาญไวยากรณ์ย่อหน้าและการขึ้นบรรทัดใหม่ที่ถูกต้องจะทำให้โครงสร้างเอกสารชัดเจนและอ่านง่าย
ไวยากรณ์ย่อหน้า
ใน Markdown ย่อหน้าคือบรรทัดข้อความที่ต่อเนื่องกัน ในการสร้างย่อหน้า คุณเพียงแค่ใช้บรรทัดว่างแยกข้อความ
ย่อหน้าพื้นฐาน
นี่คือย่อหน้าแรก ย่อหน้านี้มีหลายประโยค
ประโยคทั้งหมดนี้อยู่ในย่อหน้าเดียวกัน
นี่คือย่อหน้าที่สอง มันแยกจากย่อหน้าแรก
ด้วยบรรทัดว่างหนึ่งบรรทัด
นี่คือย่อหน้าที่สามผลการแสดงผล
นี่คือย่อหน้าแรก ย่อหน้านี้มีหลายประโยค ประโยคทั้งหมดนี้อยู่ในย่อหน้าเดียวกัน
นี่คือย่อหน้าที่สอง มันแยกจากย่อหน้าแรก ด้วยบรรทัดว่างหนึ่งบรรทัด
นี่คือย่อหน้าที่สาม
ไวยากรณ์การขึ้นบรรทัดใหม่
Markdown มีสองวิธีในการขึ้นบรรทัดใหม่:
1. การขึ้นบรรทัดใหม่แบบแข็ง (บังคับ)
เพิ่มช่องว่างสองช่องหรือมากกว่านั้นที่ท้ายบรรทัด แล้วกด Enter:
นี่คือบรรทัดแรก
นี่คือบรรทัดที่สองผลการแสดงผล
นี่คือบรรทัดแรก
นี่คือบรรทัดที่สอง
2. การขึ้นบรรทัดใหม่แบบอ่อน (ตามธรรมชาติ)
ใช้บรรทัดว่างแยก เพื่อสร้างย่อหน้าใหม่:
นี่คือย่อหน้าแรก
นี่คือย่อหน้าที่สองผลการแสดงผล
นี่คือย่อหน้าแรก
นี่คือย่อหน้าที่สอง
เปรียบเทียบวิธีการขึ้นบรรทัดใหม่ที่แตกต่างกัน
| วิธี | ไวยากรณ์ | เอาต์พุต HTML | สถานการณ์การใช้งาน |
|---|---|---|---|
| การแยกย่อหน้า | บรรทัดว่าง | <p>...</p> | การแบ่งส่วนตามตรรกะ |
| การขึ้นบรรทัดใหม่แบบแข็ง | ช่องว่างสองช่องที่ท้ายบรรทัด | <br> | บทกวี ที่อยู่ |
| การขึ้นบรรทัดใหม่ HTML | <br> | <br> | การควบคุมที่แม่นยำ |
ตัวอย่างเปรียบเทียบ
การแยกย่อหน้า:
เนื้อหาย่อหน้าที่หนึ่ง
เนื้อหาย่อหน้าที่สองการขึ้นบรรทัดใหม่แบบแข็ง:
เนื้อหาบรรทัดแรก
เนื้อหาบรรทัดที่สองการขึ้นบรรทัดใหม่ HTML:
เนื้อหาบรรทัดแรก<br>
เนื้อหาบรรทัดที่สองปัญหาที่พบบ่อยและวิธีแก้ไข
1. การเชื่อมต่อโดยไม่ตั้งใจ
ปัญหา: สองบรรทัดข้อความเชื่อมต่อกันโดยไม่ตั้งใจ
นี่คือบรรทัดแรก
นี่คือบรรทัดที่สอง ← สองบรรทัดนี้จะถูกรวมเป็นย่อหน้าเดียวกันวิธีแก้ไข: ใช้บรรทัดว่างหรือช่องว่างท้ายบรรทัด
นี่คือบรรทัดแรก
นี่คือบรรทัดที่สอง ← ตอนนี้เป็นสองย่อหน้าแล้ว
หรือ
นี่คือบรรทัดแรก
นี่คือบรรทัดที่สอง ← ตอนนี้เป็นการขึ้นบรรทัดใหม่แบบแข็งแล้ว2. การขึ้นบรรทัดใหม่โดยไม่ตั้งใจ
ปัญหา: การขึ้นบรรทัดใหม่ที่ไม่ต้องการปรากฏ
นี่คือประโยคที่ยาวมาก
ที่ถูกแยกโดยไม่ตั้งใจวิธีแก้ไข: ตรวจสอบให้แน่ใจว่าข้อความอยู่ในบรรทัดเดียวกันหรือใช้ไวยากรณ์การขึ้นบรรทัดใหม่ที่ถูกต้อง
นี่คือประโยคที่ยาวมาก ควรอยู่ในย่อหน้าเดียวกัน
หรือใช้การขึ้นบรรทัดใหม่อย่างชัดเจน:
นี่คือประโยคที่ยาวมาก
ที่นี้เป็นการขึ้นบรรทัดใหม่อย่างตั้งใจ3. ปัญหาช่องว่าง
ปัญหา: ช่องว่างท้ายบรรทัดมองไม่เห็น ลืมได้ง่าย
วิธีแก้ไข:
- กำหนดค่าตัวแก้ไขให้แสดงอักขระว่าง
- ใช้ตัวแก้ไขที่รองรับ Markdown
- ใช้แท็ก HTML
<br>เป็นทางเลือก
การจัดการกรณีพิเศษ
บทกวีและเนื้อเพลง
ใช้การขึ้นบรรทัดใหม่แบบแข็งเพื่อให้แต่ละบรรทัดเป็นอิสระ:
静夜思
床前明月光,
疑是地上霜。
举头望明月,
低头思故乡。ที่อยู่และข้อมูลติดต่อ
ที่อยู่ติดต่อ:
เขตไห่เตียน กรุงปักกิ่ง
ถนนจงกวนชุน เลขที่ 1
รหัสไปรษณีย์: 100000
หรือใช้ HTML:
ที่อยู่ติดต่อ:<br>
เขตไห่เตียน กรุงปักกิ่ง<br>
ถนนจงกวนชุน เลขที่ 1<br>
รหัสไปรษณีย์: 100000ความคิดเห็นโค้ด
/* นี่คือความคิดเห็นหลายบรรทัด
แต่ละบรรทัดมีการเยื้องเฉพาะ
ต้องรักษารูปแบบ */แนวทางปฏิบัติที่ดีที่สุด
1. รักษาความสอดคล้อง
รักษาสไตล์ย่อหน้าและการขึ้นบรรทัดใหม่ให้สอดคล้องกันทั้งเอกสาร:
✅ แนะนำ: ใช้บรรทัดว่างแยกย่อหน้าอย่างสม่ำเสมอ
เนื้อหาย่อหน้าที่หนึ่ง
เนื้อหาย่อหน้าที่สอง
เนื้อหาย่อหน้าที่สาม
❌ ไม่แนะนำ: ผสมใช้วิธีต่างๆ
เนื้อหาย่อหน้าที่หนึ่ง
เนื้อหาย่อหน้าที่สอง
เนื้อหาย่อหน้าที่สาม2. หลีกเลี่ยงการขึ้นบรรทัดใหม่แบบแข็งมากเกินไป
✅ แนะนำ: ให้ประโยคยาวไหลตามธรรมชาติ
นี่คือประโยคยาวมากที่รวมข้อมูลจำนวนมากควรให้มันไหลตามธรรมชาติในย่อหน้า
❌ ไม่แนะนำ: การขึ้นบรรทัดใหม่แบบแข็งที่ไม่จำเป็น
นี่คือประโยคยาวมาก
รวมข้อมูลจำนวนมาก
ไม่จำเป็นต้องแบ่งบรรทัดแบบนี้3. ใช้การแบ่งย่อหน้าที่มีความหมาย
✅ แนะนำ: แบ่งตามตรรกะ
## คำอธิบายปัญหา
ผู้ใช้รายงานว่าระบบล็อกอินช้า หลังจากการตรวจสอบเบื้องต้น พบว่าการกำหนดค่าพูลการเชื่อมต่อฐานข้อมูลอาจมีปัญหา
## วิธีแก้ไข
ปรับค่าพารามิเตอร์พูลการเชื่อมต่อฐานข้อมูล เพิ่มจำนวนการเชื่อมต่อสูงสุดและปรับปรุงการตั้งค่า timeout
❌ ไม่แนะนำ: แบ่งย่อหน้าอย่างไม่ตั้งใจ
## คำอธิบายปัญหา
ผู้ใช้รายงานว่าระบบล็อกอินช้า
หลังจากการตรวจสอบเบื้องต้น
พบว่าการกำหนดค่าพูลการเชื่อมต่อฐานข้อมูลอาจมีปัญหาการกำหนดค่าตัวแก้ไข
Visual Studio Code
แสดงอักขระว่าง:
{
"editor.renderWhitespace": "all",
"files.trimTrailingWhitespace": true,
"files.insertFinalNewline": true
}Typora
เปิดการแสดงอักขระว่าง:
- การตั้งค่า → ตัวแก้ไข → แสดงอักขระว่าง
Vim
แสดงอักขระว่าง:
:set list
:set listchars=space:·,trail:·,eol:¬เอาต์พุต HTML
ย่อหน้าและการขึ้นบรรทัดใหม่ Markdown จะถูกแปลงเป็น HTML:
ย่อหน้า 1
ย่อหน้า 2แปลงเป็น:
<p>ย่อหน้า 1</p>
<p>ย่อหน้า 2</p>บรรทัด 1
บรรทัด 2แปลงเป็น:
<p>บรรทัด 1<br>
บรรทัด 2</p>ไวยากรณ์ที่เกี่ยวข้อง
- ไวยากรณ์หัวข้อ - โครงสร้างเอกสาร
- ไวยากรณ์การเน้น - การจัดรูปแบบข้อความ
- ไวยากรณ์รายการ - รายการรายการ
- ไวยากรณ์อ้างอิง - ข้อความอ้างอิง
การฝึกฝน
ลองสร้างเนื้อหาต่อไปนี้:
- สามย่อหน้าที่มีหัวข้อต่างกัน
- บทกวีสั้นหนึ่งบท (ใช้การขึ้นบรรทัดใหม่แบบแข็ง)
- บล็อกที่อยู่ที่รวมข้อมูลติดต่อ
- ข้อความที่ซับซ้อนที่ผสมย่อหน้าและการขึ้นบรรทัดใหม่
หลังจากเสร็จแล้วตรวจสอบผลการแสดงผล ตรวจสอบให้แน่ใจว่ารูปแบบเป็นไปตามที่คาดไว้