ใช้แอตทริบิวต์ srclang เพื่อตั้งค่าภาษาของข้อความ track ใน HTML สำหรับคำบรรยาย (subtitles) ให้ใช้แอตทริบิวต์นี้ ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ srclang: <!DOCTYPE HTML> <html> <body> <video width=300 height=200 controls autoplay> <source src=

ใช้แอตทริบิวต์ srcset เพื่อระบุ URL ของภาพที่จะใช้ในสถานการณ์ต่างๆ ใน HTML ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ srcset ปรับขนาดเบราว์เซอร์เพื่อดูภาพที่โหลดต่างกัน: <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1.0

ใช้แอตทริบิวต์ step เพื่อระบุช่วงตัวเลขที่ถูกต้อง (legal number intervals) สำหรับฟิลด์ป้อนข้อมูลใน HTML แอตทริบิวต์ step ของประเภท input ใน HTML กำหนดช่วงขั้นตอนของตัวเลข ขั้นตอนเป็นลำดับตัวเลข เช่น 0, 5, 10, 15, 20 ฯลฯ แอตทริบิวต์ step สามารถใช้ร่วมกับแอตทริบิวต์ max และ min เพื่อสร้างช่วงค่าที่ถู

ใช้แอตทริบิวต์ onbeforeprint เพื่อรันสคริปต์ก่อนที่เอกสารจะถูกพิมพ์ใน HTML ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ onbeforeprint: <!DOCTYPE html> <html> <body onbeforeprint=display()> <script> function display() { alert(The document will now pri

แอตทริบิวต์เหตุการณ์ onbeforeunload จะทำงานเมื่อเอกสารพร้อมที่จะถูกโหลดออก (unload) ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ onbeforeunload: <!DOCTYPE html> <html> <body onbeforeunload=return display()> <p>ปิดหน้าต่างนี้หรือกด F5</p> <script>

ใช้แอตทริบิวต์ target เพื่อระบุเป้าหมายสำหรับการเปิดเอกสารที่ลิงก์ใน HTML ด้านล่างคือค่าต่างๆ ของแอตทริบิวต์ target: แอตทริบิวต์ คำอธิบาย _blank เปิดหน้าลิงก์ในแท็บใหม่ _self เปิดหน้าลิงก์ในแท็บปัจจุบัน (ค่าเริ่มต้น) _parent เปิดหน้าลิงก์ในเฟรมพาเรนต์ _top เปิดหน้าลิงก์ในเฟรมบนสุด ต

เหตุการณ์ onhashchange ทำงานเมื่อส่วน anchor (hash/fragment identifier) ของ URL เปลี่ยนแปลง คือส่วนที่ขึ้นต้นด้วย # เช่น #section1, #tab2 ใช้สำหรับ Single Page Applications (SPA) และการนำทางภายในหน้า ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <body onhashchange=handleHashChange()>

แอตทริบิวต์ title ใช้ให้ข้อมูลเพิ่มเติม (tooltip) เมื่อผู้ใช้วางเมาส์เหนือองค์ประกอบ เป็น global attribute ใช้ได้กับทุกแท็ก HTML ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <head> <title>HTML title Attribute Demo</title> </head> <body> <h2>ตัวอย่าง t

แอตทริบิวต์ translate ใช้บอกเครื่องมือแปลภาษาอัตโนมัติ (เช่น Google Translate, Bing Translator, เบราว์เซอร์ built-in translation) ว่าเนื้อหาขององค์ประกอบควรแปลหรือไม่ ค่าที่ใช้ได้ ค่า ความหมาย yes เนื้อหาควรถูกแปล (ค่าเริ่มต้น) no

แอตทริบิวต์ size ของ <input type=text> (และประเภทข้อความอื่นๆ) ใช้กำหนดความกว้างที่มองเห็นได้ในหน่วย **ตัวอักษร (characters)** ไม่ใช่พิกเซล ความแตกต่าง size vs width vs CSS วิธี หน่วย พฤติกรรม size=20 ตัวอักษร (ประมาณ) ขึ้นอยู่กับ f

แอตทริบิวต์ width ใช้กำหนดความกว้างขององค์ประกอบต่างๆ ใน HTML หน่วยค่าเริ่มต้นคือพิกเซล (pixels) สามารถใช้ได้กับหลายแท็กที่เกี่ยวข้องกับสื่อและฝังเนื้อหา แท็กที่รองรับ width attribute แท็ก คำอธิบาย หมายเหตุ <img> ความกว้างรูปภาพ ควร

แอตทริบิวต์ sizes ของแท็ก <link rel=icon> ใช้ระบุขนาดของไอคอน (favicon) เพื่อให้เบราว์เซอร์เลือกไอคอนที่เหมาะสมกับอุปกรณ์และบริบทต่างๆ รูปแบบการใช้งาน <link rel=icon href=icon.png type=image/png sizes=32x32> ตัวอย่างการใช้งานหลายขนาด <!DOCTYPE html> <html> <head> &l

แอตทริบิวต์ span ใช้กับแท็ก <col> ภายใน <colgroup> เพื่อกำหนดจำนวนคอลัมน์ที่ต้องการให้ใช้สไตล์หรือแอตทริบิวต์ร่วมกัน ลดความซ้ำซ้อนของโค้ด โครงสร้างพื้นฐาน <table> <colgroup> <col span=2 style=background-color: #f0f0f0> <col style=background-color: #e0e0ff&

ใช้แอตทริบิวต์ spellcheck เพื่อเปิด/ปิดการตรวจสอบการสะกดคำและไวยากรณ์ในองค์ประกอบที่รับข้อความได้ เช่น <input>, <textarea>, และองค์ประกอบที่มี contenteditable ค่าที่ใช้ได้ spellcheck=true - เปิดใช้งานตรวจสอบ (default สำหรับบางองค์ประกอบ) spellcheck=false - ปิดการตรวจสอบ ข้อจำกัด:

เหตุการณ์ onpageshow ทำงานเมื่อผู้ใช้นำทางไปยังหน้าเว็บ รวมถึงกรณีโหลดครั้งแรก และกรณีกลับมาจากหน้าอื่น (back/forward cache - bfcache) ซึ่งแตกต่างจาก onload ที่ไม่ทำงานเมื่อโหลดจาก cache ความแตกต่างระหว่าง onload และ onpageshow เหตุการณ์ ทำงานเมื่อโหลดครั้งแรก ทำงานเมื่อก

ใช้แอตทริบิวต์ src (source) เพื่อระบุ URL ของไฟล์สื่อ เช่น รูปภาพ เสียง วิดีโอ หรือสคริปต์ แอตทริบิวต์นี้ทำงานกับหลายแท็กที่เกี่ยวข้องกับสื่อ แท็กที่รองรับแอตทริบิวต์ src แท็ก ประเภทสื่อ ตัวอย่าง <img> รูปภาพ <img src=photo.jpg&g

เหตุการณ์ onpaste จะทำงานเมื่อผู้ใช้วาง (paste) เนื้อหาลงในองค์ประกอบที่รองรับ เช่น <input>, <textarea>, หรือองค์ประกอบที่มี contenteditable แก้ไขจากต้นฉบับ: โค้ดตัวอย่างมีข้อผิดพลาด - เขียน onpaste=display() แต่ฟังก์ชันชื่อ display() ในขณะที่ข้อความอธิบายว่า implement the pastes attrib

แอตทริบิวต์ srcdoc ของแท็ก <iframe> ใช้ระบุเนื้อหา HTML โดยตรง (inline HTML) ที่จะแสดงใน iframe แทนการโหลดจากไฟล์ภายนอกผ่าน src หมายเหตุ: ในโค้ดต้นฉบับเขียนว่า <frame> แต่ถูกต้องคือ <iframe> แท็ก <frame> ล้าสมัยและไม่ควรใช้แล้ว ความแตกต่างระหว่าง src และ srcdoc

ใช้แอตทริบิวต์ start ของแท็ก <ol> (ordered list) เพื่อกำหนดหมายเลขเริ่มต้นของรายการ แทนที่จะเริ่มจาก 1 เสมอ รูปแบบการใช้งาน <ol start=5> <li>รายการที่ 5</li> <li>รายการที่ 6</li> <li>รายการที่ 7</li> </ol> ตัวอย่างการใช้งาน <!DOCTYPE h

ใช้แอตทริบิวต์ rows ของแท็ก <textarea> เพื่อกำหนดจำนวนบรรทัดที่มองเห็นได้ (visible lines) โดยไม่ต้องเลื่อน스크롤 ควรใช้ร่วมกับ cols (จำนวนคอลัมน์/ความกว้าง) เพื่อควบคุมขนาดเริ่มต้น แอตทริบิวต์สำคัญของ textarea แอตทริบิวต์ หน้าที่ ตัวอย่างค่า rows