กูเกิลและไมโครซอฟท์เสนอมาตรฐาน HTML Templates

google-iconทุกวันนี้เวลาทำเว็บ คนทำเว็บจะพบว่ามีกรณีที่เราต้องเรนเดอร์ตัว HTML ขึ้นมาในฝั่งของเบราว์เซอร์เสมอๆ เช่น หน้าทวิตเตอร์ที่สามารถโหลดข้อความมาเพิ่มเติมผ่านทาง json ได้เรื่อยๆ หรือกระทั่งหน้าเพจของ Pantip.com รุ่นใหม่ที่เรนเดอร์คอมเมนต์ทั้งหมดในฝั่งเบราว์เซอร์ ในตอนนี้มาตรฐานการเรนเดอร์ในฝั่งเบราว์เซอร์ก็ถูกเสนอมาจากกูเกิลและ ไมโครซอฟท์แล้ว

มาตรฐาน HTML Template สร้างแท็ก template ขึ้นใหม่ คุณสมบัติของมันคือจะไม่ถูกเรนเดอร์เลย ภาพและข้อความทั้งหมดจะไม่ถูกใช้งานใดๆ ทำให้เวลาโหลดภาพขนาดใหญ่ก็ไม่ต้องเสียแบนด์วิดท์ หากมีสคริปต์ภายในแท็กนี้ก็ไม่ต้องเสียเวลาประมวลผล แต่แท็กนี้สามารถเข้าถึงผ่านทาง DOM ปกติได้ ทำให้สามารถเข้าไปเรียกใช้ attribute ต่างๆ ได้ โดยไม่ต้องแก้ innerHTML ที่ทั้งยุ่งยากและอาจจะมีปัญหาต่อความปลอดภัยได้ หรือบางคนอาจจะใช้ CSS เพื่อกำหนด display:none; แทน โดยเรนเดอร์ล่วงหน้ามาจากฝั่งเซิร์ฟเวอร์ แต่ปัญหาคือหากมีรูปภาพอยู่ภายใน มันจะถูกโหลดทันทีทั้งที่ยังไม่ได้แสดงผล

มาตรฐานนี้อยู่ในสถานะ Working Draft ใน W3C และตอนนี้ยังมีเพียง Chrome เท่านั้นที่รองรับมาตรฐานนี้

ที่มา – HTML5 Rocks, W3C

Leave a Reply