<slot>

Element ที่เป็นส่วนหนึ่งของเทคโนโลยี Web Components ใช้เป็นตัวยึดตำแหน่ง (placeholder) ภายใน web component ที่คุณสามารถใส่ markup ของคุณเองได้ ช่วยให้สามารถสร้างโครงสร้าง DOM แยกกันและนำมาแสดงผลร่วมกันได้ ทำให้ web component มีความยืดหยุ่นและปรับแต่งได้มากขึ้น

<template>

Element ที่ใช้เก็บ HTML ที่ไม่ต้องการให้แสดงผลทันทีเมื่อโหลดหน้าเว็บ แต่สามารถนำมาใช้ในภายหลังระหว่างการทำงานของเว็บไซต์โดยใช้ JavaScript ช่วยให้สามารถเตรียมโครงสร้าง HTML ไว้ล่วงหน้าและนำมาใช้ซ้ำหรือปรับเปลี่ยนตามต้องการ เหมาะสำหรับการสร้าง dynamic content และ component-based architecture