Mission 3: Paragraph

เป้าหมายของ Mission นี้: เขียนย่อหน้าเนื้อหาด้วยแท็ก <p> และรู้ว่าเมื่อไหร่ควรขึ้นย่อหน้าใหม่

Paragraph Tag

<p> ใช้ครอบข้อความที่เป็นเนื้อหา/ประโยค เบราว์เซอร์จะเว้นบรรทัดก่อน-หลัง <p> ให้อัตโนมัติ ต่างจาก <span> ที่ไม่ขึ้นบรรทัดใหม่

เมื่อไหร่ควรใช้ <p>

ใช้ทุกครั้งที่มีข้อความเป็นประโยค/ย่อหน้า ไม่ใช่แค่ใส่ข้อความลอยๆ ไว้เฉยๆ เพราะ <p> สื่อความหมาย (semantic) ให้ทั้งเบราว์เซอร์และ screen reader เข้าใจ

Demo

<p>นักพัฒนาฟรอนต์เอนด์ที่หลงใหลในอินเทอร์เฟซที่เรียบง่าย</p>