ขั้นสูง

HTML · ชำนาญ - แพตเทิร์นขั้นสูงและประสิทธิภาพ

• การเข้าถึง: alt, ลำดับชั้นของหัวข้อ และ ARIAเชี่ยวชาญข้อความทางเลือก ลำดับชั้นของหัวข้อที่โปรแกรมอ่านหน้าจอนำทางได้จริง และการใช้ ARIA เฉพาะกรณีที่ HTML แบบเนทีฟทำไม่ได้
• ฟอร์มขั้นสูงและการตรวจสอบแบบเนทีฟใช้ประโยชน์จาก required, pattern, inputmode และ Constraint Validation API เพื่อฟอร์มที่แข็งแรงโดยไม่ต้องใช้ไลบรารีภายนอกใด ๆ
• รูปภาพแบบตอบสนอง: srcset, sizes และ pictureส่งรูปภาพที่เหมาะสมให้กับหน้าจอที่เหมาะสมด้วย srcset และ sizes, สงวน picture ไว้สำหรับการกำกับศิลป์ และเชี่ยวชาญการโหลดแบบขี้เกียจ
• SEO เชิงเทคนิค: Open Graph และข้อมูลที่มีโครงสร้างควบคุมว่าหน้าเว็บของคุณแสดงตัวอย่างบนโซเชียลเน็ตเวิร์กอย่างไรด้วย Open Graph และมุ่งสู่ผลลัพธ์แบบ rich results ด้วย schema.org ในรูปแบบ JSON-LD
• ประสิทธิภาพการโหลด: defer, async, preload และ prefetchจัดลำดับการรันสคริปต์ของคุณด้วย defer และ async จากนั้นบังคับเครือข่ายด้วย preload, preconnect และ prefetch