ข้ามไปยังเนื้อหาหลัก
FreeOnlineTools Go
ไทย
คำอธิบาย

Markdown คืออะไร? คำอธิบายฉบับสมบูรณ์ของภาษามาร์กอัปเบาย

โดย FreeOnlineTools Team · อัปเดตเมื่อ 2026-09-02

ตอบด่วน

Markdown เป็นภาษา markup plain text ใช้สัญลักษณ์ง่ายๆ: # heading, ** bold, * italic, - list, [text](url) link ออกแบบให้อ่านได้เป็น plain text และแปลงเป็น HTML ได้ ใช้ Markdown to HTML Converter ฟรีของเรา

การแนะนำ

Markdown เป็นภาษา markup น้ำหนักสร้างโดย John Gruber ใน 2004 ใช้ plain text formatting สร้างเอกสารโครงสร้าง เป้าหมายคือความอ่านง่าย —source Markdown ควรมองเหมือนสิ่งที่แสดง โดยไม่มี clutter ของ HTML tag Markdown เป็นมาตรฐาน README บน GitHub, เอกสาร, blog และแอป note เช่น Obsidian และ Notion

ทีละขั้นตอน

  1. เรียนรู้ไวยากรณ์พื้นฐาน

    หัวข้อ: # H1, ## H2, ### H3 ตัวหนา: **ข้อความ** ตัวเอียง: *ข้อความ* รายการ: - รายการหรือ 1. รายการ ลิงค์: [ข้อความ](url) รูปภาพ: ![alt](url) รหัส: `อินไลน์` หรือ ```บล็อก''`` เครื่องหมายคำพูด: > เครื่องหมายคำพูด กฎแนวนอน: ---.

  2. เข้าใจปรัชญา

    Markdown ได้รับการออกแบบมาให้สามารถอ่านได้ในรูปแบบข้อความธรรมดา แหล่งที่มาควรดูใกล้กับเอาต์พุตที่เรนเดอร์สุดท้าย — **ตัวหนา** ดูเหมือนตัวหนา # ส่วนหัวดูเหมือนส่วนหัว สิ่งนี้ตรงกันข้ามกับ HTML โดยที่ <strong>ตัวหนา</strong> และ <h1>ส่วนหัว</h1> รกสายตา

  3. เรียนรู้ตัวแปรต่างๆ

    Original Markdown (สเป็คของ Gruber) มีน้อยมาก CommonMark เป็นเวอร์ชันที่ได้มาตรฐานและมีการระบุอย่างดี GitHub Flavoured Markdown (GFM) เพิ่มตาราง ขีดฆ่า รายการงาน และลิงก์อัตโนมัติ MDX ให้คุณฝังส่วนประกอบ React ใน Markdown เครื่องมือส่วนใหญ่รองรับ GFM

  4. แปลงมาร์กดาวน์เป็น HTML

    Markdown ถูกแปลงเป็น HTML สำหรับการเผยแพร่ทางเว็บ # สวัสดี กลายเป็น <h1>สวัสดี</h1> **ตัวหนา** กลายเป็น <strong>ตัวหนา</strong> ตัวสร้างไซต์แบบคงที่ (Astro, Hugo, Jekyll) แปลง Markdown ณ เวลาสร้าง ใช้ Markdown ของเราเป็น HTML Converter เพื่อการแปลงทันที

ตัวอย่าง

หัวเรื่องและย่อหน้า

ป้อนข้อมูล: #ชื่อเรื่อง ย่อหน้า

เอาท์พุต: <h1>Title</h1> <p>A paragraph.</p>

ตัวหนาและตัวเอียง

ป้อนข้อมูล: **ตัวหนา** และ *ตัวเอียง*

เอาท์พุต: <strong>bold</strong> and <em>italic</em>

ลิงค์และรูปภาพ

ป้อนข้อมูล: [text](https://example.com) and ![alt](image.png)

เอาท์พุต: <a href="https://example.com">text</a> and <img src="image.png" alt="alt">

ปัญหาทั่วไป

  • การขึ้นบรรทัดใหม่ —การขึ้นบรรทัดใหม่เพียงบรรทัดเดียวใน Markdown ไม่ได้สร้างการขึ้นบรรทัดใหม่ใน HTML ใช้ช่องว่างสองช่องที่ท้ายบรรทัด หรือสองบรรทัดใหม่เพื่อแบ่งย่อหน้า
  • รายการที่ซ้อนกัน—การเยื้องมีความสำคัญ ใช้ช่องว่าง 2 หรือ 4 ช่องอย่างสม่ำเสมอสำหรับรายการที่ซ้อนกัน การผสมพวกมันสามารถทำลายโครงสร้างรายการได้
  • Raw HTML —ตัวแยกวิเคราะห์ Markdown ส่วนใหญ่ผ่าน raw HTML แต่บางตัวก็ฆ่าเชื้อได้ ตรวจสอบพฤติกรรมของ parser หากคุณฝัง HTML โดยตรง
  • รสชาติที่แตกต่างกัน —Original Markdown, CommonMark และ GFM มีความแตกต่างเล็กน้อย ตรวจสอบว่าแพลตฟอร์มเป้าหมายของคุณรองรับรสชาติใด

เคล็ดลับ

  • ใช้ Markdown ในการเขียนและจัดทำเอกสาร —อ่านและเขียนได้ง่ายกว่า HTML มาก
  • GitHub Flavoured Markdown (GFM) เป็นตัวแปรที่พบบ่อยที่สุด โดยจะเพิ่มตาราง ขีดฆ่า และรายการงาน
  • เขียนใน Markdown และแปลงเป็น HTML ในขณะสร้างสำหรับบล็อกและไซต์เอกสารประกอบ
  • ใช้ Markdown to HTML Converter ของเราเพื่อเรนเดอร์ Markdown ทันทีในเบราว์เซอร์ของคุณ

เครื่องมือที่เกี่ยวข้อง

  • Markdown to HTML — ออนไลน์ฟรี markdown to html. Process data ทันที ในเบราว์เซอร์ของคุณ. ไม่อัปโหลด, no signup, fully เป็นส่วนตัวทั้งหมด.
  • HTML to Markdown ตัวแปลง — ออนไลน์ฟรี html to markdown converter. Process data ทันที ในเบราว์เซอร์ของคุณ. ไม่อัปโหลด, no signup, fully เป็นส่วนตัวทั้งหมด.
  • Markdown Editor & Preview — ออนไลน์ฟรี markdown editor & preview. Process data ทันที ในเบราว์เซอร์ของคุณ. ไม่อัปโหลด, no signup, fully เป็นส่วนตัวทั้งหมด.
  • JSON ตัวจัดรูปแบบ — จัดรูปแบบ, beautify and validate JSON ทันที ในเบราว์เซอร์ของคุณ. ไม่อัปโหลด, fully เป็นส่วนตัวทั้งหมด.
  • Base64 Encode & Decode — เข้ารหัส and decode Base64 with UTF-8 support. ทันที, เป็นส่วนตัวทั้งหมด, browser-based. ไม่อัปโหลด, no signup.
  • Age on Other Planets Calculator — Free online age on other planets calculator. Process data instantly in your browser. No upload, no signup, fully private.
  • API Request Tester — Free online API request tester. Send GET, POST, PUT, PATCH or DELETE requests to any URL from your browser and inspect the status, headers and response body. Requests go directly from your browser to the target API — we never see them.
  • Best Free SEO Tools — Free online best free seo tools. Process data instantly in your browser. No upload, no signup, fully private.

คำแนะนำที่เกี่ยวข้อง

อ้างอิง