แอตทริบิวต์ sandbox ของแท็ก <iframe> ใช้เพื่อเปิดใช้งานชุดข้อจำกัดเพิ่มเติม (extra restrictions) สำหรับเนื้อหาที่โหลดภายใน iframe ช่วยเพิ่มความปลอดภัยโดยป้องกันการทำงานที่อาจเป็นอันตราย ค่าที่ใช้ได้ของ sandbox สามารถใช้ค่าเดียวหรือรวมหลายค่าได้ โดยคั่นด้วยช่องว่าง: allow-scripts - อนุญาตให

ใช้แอตทริบิวต์ rowspan เพื่อกำหนดจำนวนแถวที่เซลล์ตาราง (<td> หรือ <th>) ควรครอบคลุม (span) สำหรับการรวมเซลล์ในแนวตั้ง ในขณะที่ colspan ใช้สำหรับการรวมเซลล์ในแนวนอน (คอลัมน์) ความแตกต่างระหว่าง rowspan และ colspan แอตทริบิวต์ ทิศทาง คำอธิบาย

แอตทริบิวต์ scoped ของแท็ก <style> ใช้เพื่อจำกัดขอบเขตของ CSS ให้ใช้กับเฉพาะองค์ประกอบพาเรนต์ (parent element) และชิลด์ (child elements) ของมันเท่านั้น ไม่กระทบต่อส่วนอื่นของหน้าเว็บ หมายเหตุ: แอตทริบิวต์ scoped ถูกนำออกจากมาตรฐาน HTML แล้ว และไม่ได้รับการสนับสนุนจากเบราว์เซอร์สมัยใหม่ แนะนำใ

ใน HTML สามารถใช้แอตทริบิวต์ scope เพื่อระบุว่าเซลล์ส่วนหัว (<th>) เป็นหัวข้อสำหรับคอลัมน์ แถว หรือกลุ่มของคอลัมน์/แถวได้ ซึ่งช่วยให้เทคโนโลยีช่วยเหลือ (screen readers) และเครื่องมืออ่านหน้าจอเข้าใจโครงสร้างตารางได้ดีขึ้น ค่าที่ใช้ได้ของแอตทริบิวต์ scope col - เซลล์นี้เป็นหัวข้อสำหรับคอลัม

ใช้แอตทริบิวต์ selected เพื่อระบุว่าตัวเลือก (Option) ควรถูกเลือกล่วงหน้าเมื่อโหลดหน้าใน HTML ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ selected: <!DOCTYPE html> <html> <head> <title>HTML selected attribute</title> </head> <body> <

ใช้แอตทริบิวต์ shape เพื่อตั้งค่ารูปร่างของพื้นที่ (Area) ใน HTML Image Map ใช้ร่วมกับ <map> และ <area> ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ shape: <!DOCTYPE html> <html> <head> <title>HTML shape attribute</title> </head> <b

ใช้แอตทริบิวต์ onblur เพื่อดำเนินการสคริปต์เมื่อองค์ประกอบสูญเสียโฟกัส (Focus) ใน HTML ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ onblur: <!DOCTYPE html> <html> <body> <p>Type text below!</p> Country: <input type=text name=myid id=myid onblur=toUpp

ใช้แอตทริบิวต์ oncanplay เพื่อดำเนินการสคริปต์เมื่อไฟล์สื่อ (Audio/Video) พร้อมที่จะเริ่มเล่นได้ ทำงานกับ <audio>, <video>, <embed>, <object> ตัวอย่าง <!DOCTYPE HTML> <html> <body> <video width=300 height=200 controls oncanplay=onCanPlay()>

ใช้แอตทริบิวต์ size เพื่อกำหนดจำนวนตัวเลือกที่มองเห็นได้สำหรับองค์ประกอบ <select> ใน HTML ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ size: <!DOCTYPE html> <html> <body> <p>Select the countries you have visited till now:</p> <select size=5>

ใช้แอตทริบิวต์ optimum เพื่อตั้งค่าที่เหมาะสมที่สุดสำหรับ Gauge (แท็ก <meter>) ใน HTML ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ optimum: <!DOCTYPE html> <html> <body> <h3>Gauge</h3> <p><meter value=0.7 min=0 max=1 low=0.3 high=0.7 opt

ใช้แอตทริบิวต์ placeholder ใน HTML เพื่อแสดงคำแนะนำสั้นๆ อธิบายค่าที่คาดหวังขององค์ประกอบ Placeholder จะหายเมื่อผู้ใช้เริ่มพิมพ์ ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ placeholder: <!DOCTYPE html> <html> <body> <h2>Login</h2> <form action=/new.

ใช้แอตทริบิวต์ pattern เพื่อกำหนด Regular Expression (Regex) ที่ค่าของ <input> จะถูกตรวจสอบตาม ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ pattern: <!DOCTYPE html> <html> <head> <title>HTML pattern attribute</title> </head> <body>

ใช้แอตทริบิวต์ poster ใน HTML เพื่อตั้งค่ารูปภาพที่จะแสดงขณะที่วิดีโอ กำลังโหลด หรือก่อนที่ผู้ใช้กดเล่น ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ poster: <!DOCTYPE HTML> <html> <body> <video width=300 height=200 poster=https://example.com/thumbnail.jp

ใช้แอตทริบิวต์ preload เพื่อให้คำแนะนำเบราว์เซอร์ว่าควรโหลดสื่อ (Audio/Video) อย่างไรเมื่อโหลดหน้า เพื่อประสบการณ์ผู้ใช้ที่ดีที่สุด ทำงานกับ <audio> และ <video> ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ preload: <!DOCTYPE HTML> <html> <body> <video wi

เพื่อตั้งค่าองค์ประกอบเป็นอ่านอย่างเดียว (Read-only) ให้ใช้แอตทริบิวต์ readonly ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ readonly: <!DOCTYPE html> <html> <body> <h2>Login</h2> <form action=/new.php> <input type=text value=Amit name=sn

ใช้แอตทริบิวต์ rel เพื่อระบุความสัมพันธ์ระหว่างเอกสารปัจจุบันกับเอกสารลิงก์ ทำงานกับ <a>, <area>, <link> ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ rel (ตัวอย่างตั้งค่า CSS): <!DOCTYPE html> <html> <head> <link rel=stylesheet href=style.css>

แอตทริบิวต์ required ใน HTML ใช้ระบุว่าองค์ประกอบนั้นต้องถูกกรอกก่อนส่งฟอร์ม หากฟิลด์ว่างและกด Submit จะเกิดข้อผิดพลาด Please fill out this field และฟอร์มจะไม่ส่ง แอตทริบิวต์ required ใช้ได้กับ <input>, <select>, และ <textarea> ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ re

ใช้แอตทริบิวต์ reversed ใน HTML เพื่อระบุว่าลำดับรายการควรเป็นแบบถอยหลัง (Descending: 9, 8, 7, 6, 5...) ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ reversed: <!DOCTYPE html> <html> <body> <h3>Cricketers List</h3> <ol reversed> <li>Ami

เพื่อดำเนินการสคริปต์เมื่อองค์ประกอบไม่ถูกต้องใน HTML ให้ใช้แอตทริบิวต์ oninvalid ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ oninvalid: <!DOCTYPE html> <html> <head> <title>HTML oninvalid attribute</title> </head> <body> <h2>ID&l

ใช้แอตทริบิวต์ media เพื่อระบุสื่อ/อุปกรณ์ที่เอกสารลิงก์ได้รับการปรับให้เหมาะสมใน HTML แอตทริบิวต์นี้ใช้ได้กับองค์ประกอบ <a>, <area>, <link> ฯลฯ ตัวอย่าง <html> <head> <title>HTML media attribute</title> <link rel=stylesheet href=style.css medi