ลองใช้ HTML Template Tag? แล้วหรือยัง ?

 

คุณอาจเคยเห็น <template> กับ frontend JavaScript frameworks ที่ได้รับความนิยม เช่น

• React
• Vue
• Angular

template tag เคืออะไร

<template> แท็ก HTML ที่ช้วยให้คุณสร้าง format template design ตามชื่อของตัว tag เทมเพลตซึ่ง template tag จะไม่มีการแสดงผล render ในหน้าเว็บของคุณ ให้คุณคิดว่า template tag คือ div แล้วมี style display none ในตัว

แล้ว template ใช้งานยังไง ผมให้ตัวอย่างแบบนี้ สมมุติว่าผมจะสร้าง Card สินค้า