ฟีเจอร์ใหม่ใน HTML5 คือการเพิ่มแอตทริบิวต์ข้อมูลแบบกำหนดเอง (custom data attributes)
แอตทริบิวต์ข้อมูลแบบกำหนดเองขึ้นต้นด้วย data- และตั้งชื่อตามต้องการ
<div class="example" data-sports="cricket" data-level="complex"> ... </div>
โค้ดข้างต้นเป็น HTML5 ที่ถูกต้องสมบูรณ์ พร้อมแอตทริบิวต์แบบกำหนดเอง 2 ตัว คือ data-sports และ data-level คุณสามารถดึงค่าได้ผ่าน JavaScript APIs หรือ CSS เหมือนแอตทริบิวต์มาตรฐาน
