Attributes ที่ใช้ได้กับทุก HTML Elements

accesskey

กำหนดปุ่มลัดบนแป้นพิมพ์เพื่อเข้าถึง element อย่างรวดเร็ว ช่วยในการนำทางสำหรับผู้ใช้ที่ใช้แป้นพิมพ์เป็นหลัก

autocapitalize

ควบคุมการเปลี่ยนตัวอักษรเป็นตัวพิมพ์ใหญ่อัตโนมัติในอุปกรณ์มือถือ ช่วยปรับปรุงการป้อนข้อมูลของผู้ใช้

autofocus

กำหนดให้ element ได้รับโฟกัสโดยอัตโนมัติเมื่อโหลดหน้าเว็บ ช่วยให้ผู้ใช้สามารถป้อนข้อมูลได้ทันที

class

กำหนดชื่อคลาสสำหรับ element เพื่อใช้ในการจัดรูปแบบด้วย CSS หรือเลือกใน JavaScript ช่วยในการจัดการและจัดรูปแบบเนื้อหา

contenteditable

อนุญาตให้ผู้ใช้แก้ไขเนื้อหาของ element ได้โดยตรงบนหน้าเว็บ เหมาะสำหรับการสร้างเนื้อหาแบบโต้ตอบ

data-*

ใช้สำหรับเก็บข้อมูลเฉพาะที่กำหนดเองในรูปแบบ attribute ช่วยในการเก็บข้อมูลเพิ่มเติมที่สามารถเข้าถึงได้ด้วย JavaScript

dir

กำหนดทิศทางของข้อความภายใน element เช่น จากซ้ายไปขวา (ltr) หรือจากขวาไปซ้าย (rtl) สำคัญสำหรับภาษาที่เขียนจากขวาไปซ้าย

draggable

กำหนดว่า element สามารถลากและวางได้หรือไม่ ใช้สำหรับสร้างอินเตอร์เฟซแบบลากและวาง

enterkeyhint

กำหนดข้อความหรือไอคอนที่แสดงบนปุ่ม Enter ของแป้นพิมพ์เสมือนบนอุปกรณ์มือถือ ช่วยให้ผู้ใช้เข้าใจการทำงานของปุ่ม Enter

exportparts

ใช้สำหรับกำหนดส่วนของ Shadow DOM ที่สามารถใช้ CSS จากภายนอกได้ ช่วยในการปรับแต่ง Web Components

hidden

ซ่อน element จากการแสดงผล โดยไม่ต้องใช้ CSS ช่วยในการควบคุมการแสดงผลอย่างง่าย

id

กำหนดตัวระบุที่ไม่ซ้ำกันสำหรับ element ใช้สำหรับการอ้างอิงใน JavaScript และ CSS

inert

ทำให้ element และ element ลูกทั้งหมดไม่ตอบสนองต่อการโต้ตอบของผู้ใช้ ใช้สำหรับปิดการใช้งานส่วนของ UI ชั่วคราว

inputmode

แนะนำประเภทของแป้นพิมพ์ที่ควรแสดงสำหรับอุปกรณ์มือถือ ช่วยให้การป้อนข้อมูลสะดวกขึ้น

is

ใช้ระบุว่า element นี้ควรทำงานเหมือน custom element ที่กำหนด ใช้สำหรับการสร้าง customized built-in elements

itemid

ใช้ในการกำหนดตัวระบุเฉพาะสำหรับ item ใน microdata ช่วยในการสร้างโครงสร้างข้อมูลที่เครื่องอ่านได้

itemprop

กำหนดคุณสมบัติของ item ใน microdata ใช้ในการระบุความหมายของข้อมูลสำหรับเครื่องมือค้นหา

itemref

ใช้อ้างอิงถึง elements อื่นที่ไม่ได้อยู่ใน scope ของ item ปัจจุบันใน microdata ช่วยในการเชื่อมโยงข้อมูลที่เกี่ยวข้อง

itemscope

กำหนดขอบเขตของ item ใน microdata ใช้ในการระบุว่า element นี้เป็นส่วนหนึ่งของโครงสร้างข้อมูล

itemtype

ระบุประเภทของ item ใน microdata โดยใช้ URL ของ vocabulary ช่วยในการกำหนดความหมายของข้อมูล

lang

ระบุภาษาของเนื้อหาภายใน element ช่วยในการอ่านออกเสียงและการแปลที่ถูกต้อง

nonce

ใช้สำหรับ Content Security Policy เพื่อควบคุมการทำงานของสคริปต์ ช่วยในการป้องกันการโจมตี XSS (Cross-Site Scripting)

part

ใช้ในการกำหนดชื่อส่วนของ element ที่สามารถถูกเลือกจากภายนอก Shadow DOM ช่วยในการสร้าง CSS ที่ยืดหยุ่นสำหรับ Web Components

popover

ใช้สำหรับควบคุมการแสดงผลแบบ popover ของ element ช่วยในการสร้าง UI แบบโต้ตอบที่ซับซ้อน

slot

ใช้ในการกำหนดช่องว่างสำหรับการแทรกเนื้อหาใน Shadow DOM ช่วยในการสร้าง Web Components ที่ยืดหยุ่น

spellcheck

กำหนดว่าควรตรวจสอบการสะกดคำในเนื้อหาหรือไม่ ช่วยในการปรับปรุงคุณภาพของข้อมูลที่ผู้ใช้ป้อน

style

กำหนด inline CSS styles สำหรับ element ใช้สำหรับการจัดรูปแบบเฉพาะของ element นั้นๆ

tabindex

กำหนดลำดับการ focus ของ element เมื่อใช้ปุ่ม Tab ช่วยในการปรับปรุงการนำทางด้วยแป้นพิมพ์

title

กำหนดข้อมูลเพิ่มเติมเกี่ยวกับ element ซึ่งมักแสดงเป็น tooltip เมื่อเลื่อนเมาส์ผ่าน ช่วยให้ข้อมูลเพิ่มเติมแก่ผู้ใช้

translate

ระบุว่าควรแปลเนื้อหาของ element เมื่อหน้าเว็บถูกแปลหรือไม่ ช่วยในการควบคุมการแปลอัตโนมัติของเนื้อหา