วิธีหลีกเลี่ยงอักขระ HTML

หากคุณต้องการแสดงรูปแบบโค้ด HTML ไม่มี เบราว์เซอร์ของคุณตีความว่าเป็นมาร์กอัปจริง (และแสดงผล) คุณต้องหลีกเลี่ยง สงวนไว้ อักขระ HTML ก่อน

ดู <h1> แท็กภายใน <code></code> องค์ประกอบด้านล่าง:

<p>You should only use one <code><h1></code> element per article.</p>

หากคุณเพิ่มโค้ดด้านบนลงในเอกสาร HTML <h1> ถูกตีความว่าเป็นมาร์กอัปจริง ๆ ซึ่งคุณไม่ต้องการอย่างเห็นได้ชัด

คุณต้องหนีวงเล็บมุม < และ > ที่ล้อมรอบ h1 เนื่องจากเป็นอักขระ HTML ที่สงวนไว้

โชคดีที่มันง่าย:

ตัวอย่าง:

<p>You should only use one <code>&lt;h1&gt;</code> element per article.</p>

ตอนนี้โค้ดด้านบนจะแสดงอย่างถูกต้อง:

คุณควรใช้ <h1> . เพียงอันเดียว ต่อบทความ

ตอนนี้เรามาหลีกเลี่ยงโค้ด HTML ที่มีแอตทริบิวต์ class เช่น <p class="lead-paragraph"></p> .

HTML ที่ใช้ Escape:

&lt;p class=&quot;lead-paragraph&quot;&gt;&lt;/p&gt;