ใช้แอตทริบิวต์ onratechange เพื่อรันสคริปต์ทุกครั้งที่อัตราการเล่น (playback rate) เปลี่ยนใน HTML ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ onratechange: <!DOCTYPE html> <html> <body> <video id=myid width=320 height=176 controls onratechange=display()> &l

ใช้แอตทริบิวต์ hreflang เพื่อตั้งค่าภาษาของเอกสารที่ลิงก์ใน HTML ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ hreflang: <!DOCTYPE html> <html> <head> <title>HTML hreflang attribute</title> </head> <body> <p>Database Tutorial:</p&

ใช้แอตทริบิวต์ http-equiv เพื่อดึง HTTP header สำหรับข้อมูลของแอตทริบิวต์ content ใน HTML ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ http-equiv: <html> <head> <title>HTML http-equiv attribute</title> <meta name=keywords content=HTML, meta tag, metadata /&

ใช้แอตทริบิวต์ onmousedown ใน HTML เพื่อรันสคริปต์เมื่อกดปุ่มเมาส์ลงบนองค์ประกอบ ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ onmousedown: <!DOCTYPE html> <html> <body> <h3 id=myid onmousedown=mouseDown() onmouseup=mouseUp()> This is demo heading. </h

ใช้แอตทริบิวต์ onfocus เพื่อรันสคริปต์เมื่อองค์ประกอบได้รับโฟกัสใน HTML ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ onfocus: <!DOCTYPE html> <html> <body> <p>Enter subject name below,</p> Subject: <input type=text id=sname onfocus=display(this.id)>

แตกต่างจาก HTML 4.01, HTML 5 ไม่รองรับแท็ก <big> แท็ก <small> ทำให้ขนาดฟอนต์เล็กลงหนึ่งขนาดจนถึงขนาดขั้นต่ำของเบราว์เซอร์ ตัวอย่างเช่น การใช้แท็ก <small> ในข้อความที่มีขนาดฟอนต์ใหญ่ จะทำให้ขนาดฟอนต์กลายเป็น medium ใน HTML5 องค์ประกอบนี้ถูกนำกลับมาใช้ใหม่เพื่อแสดงความคิดเห็นรอง (si

เมื่อเราตั้งค่าความกว้างและความสูงขององค์ประกอบใน CSS บ่อยครั้งองค์ประกอบจะดูใหญ่กว่าขนาดจริง เนื่องจากค่าเริ่มต้น padding และ border จะถูกเพิ่มเข้าไปในความกว้างและความสูงขององค์ประกอบก่อน แล้วจึงแสดงผล คุณสมบัติ box-sizing รวม padding และ border ขององค์ประกอบเข้ากับความกว้างและความสูงจริง ทำให้องค

เมธอด drawImage() ใช้สำหรับวาดภาพ canvas และวิดีโอบน canvas สามารถวาดส่วนของภาพและเพิ่มหรือลดขนาดภาพได้ ตัวอย่าง มาดูตัวอย่าง: //context grabbed from your destination canvas ctx = destinationCanvas.getContext(2d); //drawImage() called passing the source canvas directly dCtx.drawImage(sourceCanvas,

คุณสมบัติ globalAlpha คืนค่าความโปร่งใสของการวาดภาพ ค่า 1.0 หมายถึงไม่โปร่งใส และค่า 0.0 หมายถึงโปร่งใสสมบูรณ์ ดังนั้น การตั้งค่า globalAlpha เป็น 0.0 จะทำให้ได้ canvas โปร่งใส ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อสร้าง canvas โปร่งใส: <!DOCTYPE html> <html> <body> <canvas id=

ปุ่มรีเฟรชซึ่งก่อนหน้านี้ซ่อนอยู่ในเมนู flow ถูกแทนที่ด้วยฟีเจอร์ pull-down-to-refresh ใน Chrome อย่างไรก็ตาม ผู้ใช้บางคนไม่ต้องการฟีเจอร์นี้ในแอปพลิเคชันของพวกเขา body { /* disables pull-to-refresh */ /* allows overscroll glow effects */ overscroll-behavior-y: contain; } คุณสมบัติ overscroll

ใช้แอตทริบิวต์ type ใน HTML เพื่อตั้งค่าประเภทขององค์ประกอบ มาดูเกี่ยวกับแท็ก <input> ซึ่งช่วยรับข้อมูลจากผู้ใช้ผ่านแอตทริบิวต์ type แอตทริบิวต์นี้ใช้กับองค์ประกอบฟอร์ม เช่น text input, checkbox, radio ฯลฯ ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ type: <!DOCTYPE html> <html&

ใช้แอตทริบิวต์ oncanplaythrough เพื่อรันสคริปต์เมื่อไฟล์สามารถเล่นได้จนจบโดยไม่ต้องหยุดรอการโหลด (buffering) ใน HTML ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ oncanplaythrough: <!DOCTYPE html> <html> <body> <video id=myVideo width=400 height=200 controls oncanplay

ใช้แอตทริบิวต์ value เพื่อเพิ่มค่าขององค์ประกอบใน HTML ทำงานกับองค์ประกอบต่อไปนี้: <button>, <input>, <li>, <option>, <meter>, <progress>, <param>. ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ value: <!DOCTYPE html> <html> <head>

ใช้แอตทริบิวต์ wrap เพื่อตั้งค่าการขึ้นบรรทัดข้อความใน HTML ตัวอย่าง <!DOCTYPE html> <html> <body> <form action=> <textarea rows=2 cols=12 name=details wrap=hard> This is demo text This is demo text This is demo text This is demo text</textarea>

ใช้แอตทริบิวต์ usemap เพื่อระบุภาพเป็น client-side image-map ใน HTML ตัวอย่าง <!DOCTYPE html> <html> <head> <title>HTML map Tag</title> </head> <body> <img src=/images/html.gif alt=HTML Map border=0 usemap=#html/> <!-- Create Mapp

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

ใช้แอตทริบิวต์ onprogress เพื่อรันสคริปต์เมื่อเบราว์เซอร์อยู่ในกระบวนการดึงข้อมูลสื่อ (media data) ใน HTML ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ onprogress: <!DOCTYPE html> <html> <body> <video id=myVideo width=320 height=176 controls onprogress=display()>

ใช้แอตทริบิวต์ contextmenu ใน HTML5 เพื่อรันสคริปต์เมื่อเมนูบริบท (context menu) ถูกเรียก เมนูบริบทจะเกิดขึ้นเมื่อผู้ใช้คลิกขวา ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ contextmenu: <!Doctype html> <html> <head> <title>HTML menuitem Tag</title> </he

ใช้แอตทริบิวต์ onclick เพื่อรันสคริปต์เมื่อมีการคลิกที่องค์ประกอบใน HTML ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ onclick: <!DOCTYPE html> <html> <body> <button onclick=display()>Click</button> <p id=test></p> <script> fun

ใช้แอตทริบิวต์ href เพื่อระบุ URL ของหน้าที่ลิงก์ไปยังใน HTML ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ href: <!DOCTYPE html> <html> <head> <title>HTML href attribute</title> </head> <body> <figure><img src=https://www.tutoria