ตัวอย่างของย่อหน้า Markdown ที่มีแอตทริบิวต์ HTML ที่กําหนดเอง ได้แก่ class, id และ attribute='value'
ตำแหน่ง
นี่คือย่อหน้า Markdown ซึ่งมีแอตทริบิวต์ class ที่กําหนดเองชื่อ .LongFoo
นอกจากนี้ ยังมีแอตทริบิวต์ id ที่กําหนดเองซึ่งชื่อว่า #next-line เพื่อให้คุณลิงก์โดยตรงได้ ซึ่งจะระบุในบรรทัดถัดไป
นี่คือย่อหน้า Markdown ซึ่งมีแอตทริบิวต์ class ที่กําหนดเองชื่อ .LongFoo
นอกจากนี้ ยังมีแอตทริบิวต์ id ที่กําหนดเองซึ่งชื่อว่า #same-line เพื่อให้คุณลิงก์โดยตรงได้ แอตทริบิวต์เหล่านี้ระบุอยู่ในบรรทัดเดียวกัน
ย่อหน้า Markdown นี้ไม่มีแอตทริบิวต์ที่กําหนดเอง มีแอตทริบิวต์ที่กําหนดเองที่ระบุในย่อหน้าต่อไปนี้ แต่จะไม่ใช้กับย่อหน้านี้เนื่องจากจะขึ้นต้นด้วยบรรทัดว่าง ย่อหน้าต่อไปนี้มีแอตทริบิวต์ class ชื่อ .LongFoo นอกจากนี้ ยังมีแอตทริบิวต์ id ที่กําหนดเองชื่อ #blank-line แต่ไม่ได้ลิงก์กับแอตทริบิวต์โดยตรงด้วย
ช่วงโค้ด
code span นี้มีแอตทริบิวต์ class ที่กําหนดเองชื่อ .CSFoo ซึ่งอยู่หลังแบ็กเอนด์แบบปิดทันทีโดยไม่มีช่องว่างระหว่างนั้น
การบล็อกโค้ด
ตัวอย่างต่อไปนี้เป็นตัวอย่างของแอตทริบิวต์ id ที่กําหนดเองชื่อ #mysample ในบล็อกโค้ดเพื่อลิงก์ไปยังแอตทริบิวต์ดังกล่าวโดยตรง
print('hello world')
ส่วนหัว
หากต้องการใช้แอตทริบิวต์ที่กําหนดเองกับส่วนหัว (หรือองค์ประกอบอื่นที่ไม่ใช่ย่อหน้า) ให้วางแอตทริบิวต์ที่ท้ายบรรทัด
ส่วนหัวที่มีแอตทริบิวต์คลาส
ส่วนหัวนี้มีแอตทริบิวต์ class ที่กําหนดเองซึ่งมีชื่อว่า .customClass ที่ระบุไว้ในบรรทัดเดียวกันกับส่วนหัว
ส่วนหัวที่มีชื่อ Anchor
ส่วนหัวนี้มีแอตทริบิวต์ id ที่กําหนดเองซึ่งชื่อ #named-heading ซึ่งระบุอยู่ในบรรทัดเดียวกันกับส่วนหัวเพื่อให้คุณลิงก์โดยตรงได้
ลิงก์
นี่คือตัวอย่างของลิงก์ในบรรทัดที่มีแอตทริบิวต์ title เคล็ดลับเครื่องมือตอนนี้คุณเห็นฉันแล้วจะปรากฏขึ้นเมื่อคุณวางเมาส์เหนือลิงก์
นี่คือตัวอย่างลิงก์อินไลน์อื่น
ที่ไม่มีแอตทริบิวต์ title จะไม่มีข้อความปรากฏขึ้นเมื่อวางเมาส์เหนือลิงก์
รายการ
ตัวอย่างของรายการที่ใช้แอตทริบิวต์ที่กําหนดเองมีดังนี้
- รายการนี้มีแอตทริบิวต์
classที่กําหนดเองชื่อ.ListFooและแอตทริบิวต์idที่กําหนดเองชื่อ#first-item - รายการนี้มีแอตทริบิวต์
idที่กําหนดเองชื่อ#second-item
id ที่กําหนดเองสําหรับแต่ละรายการช่วยให้คุณลิงก์ไปยังรายการแรกและรายการที่สองได้โดยตรง
ตาราง
ตารางนี้มีแอตทริบิวต์ class ที่กําหนดเองชื่อ .TableFoo ที่ท้ายแถวส่วนหัว
| ส่วนหัว1 | ส่วนหัว2 |
|---|---|
| เซลล์1 | เซลล์2 |
ตารางหลายบรรทัดนี้มีแอตทริบิวต์ id ที่กําหนดเองชื่อ #multi-line ที่ท้ายแถวส่วนหัวเพื่อให้คุณลิงก์กับตารางโดยตรงได้
| Header1 ต่อด้วยบรรทัดที่ 2 | Header2 ต่อด้วยบรรทัดที่ 2 |
|---|---|
| เซลล์ 1 ต่อไปในบรรทัดที่ 2 | เซลล์2 ต่อไปในบรรทัดที่ 2 |