<area>
ใช้กำหนดพื้นที่คลิกได้ภายในรูปภาพแบบ image map โดยสามารถกำหนดรูปทรงเรขาคณิตต่างๆ บนรูปภาพให้เป็นลิงก์ไปยังหน้าอื่นๆ ได้
Attribute | Description |
---|---|
href | URL ของ resource ที่เชื่อมโยงกับพื้นที่ของ <area> |
alt | ข้อความแทนที่ของภาพ (สำหรับการเข้าถึง) |
shape | รูปร่างของพื้นที่ที่คลิกได้ (เช่น "rect", "circle", "poly") |
coords | ค่าพิกัดของพื้นที่ที่คลิกได้ |
target | ระบุว่าลิงก์ควรเปิดในหน้าต่างหรือแท็บใหม่หรือไม่ |
rel | ความสัมพันธ์ระหว่างเอกสารที่เชื่อมโยงกับ resource |
<audio>
ใช้เพื่อแทรกเสียงลงในเอกสาร HTML สามารถระบุแหล่งที่มาของไฟล์เสียงได้หลายแหล่ง โดยเบราว์เซอร์จะเลือกไฟล์ที่เหมาะสมที่สุด นอกจากนี้ยังรองรับการสตรีมเสียงผ่าน
MediaStream
ได้อีกด้วย
Attribute | Description |
---|---|
src | URL ของไฟล์เสียงที่จะเล่น |
controls | แสดงตัวควบคุมเสียง (เช่น play, pause) |
autoplay | เล่นไฟล์เสียงโดยอัตโนมัติเมื่อโหลดเสร็จ |
loop | ทำให้เสียงเล่นซ้ำเมื่อสิ้นสุด |
muted | ปิดเสียง (เริ่มต้นเสียงปิด) |
preload | ระบุว่าจะโหลดไฟล์เสียงเมื่อโหลดหน้าเว็บ (เช่น "auto", "metadata", "none") |
<img>
ใช้แทรกรูปภาพลงในเอกสาร HTML โดยสามารถกำหนดขนาด ข้อความทดแทน และคุณสมบัติอื่นๆ ได้
Attribute | Description |
---|---|
src | URL ของภาพที่จะแสดง |
alt | ข้อความแทนที่ของภาพ (สำหรับการเข้าถึง) |
width | ความกว้างของภาพ (สามารถใช้หน่วยต่างๆ เช่น px, %) |
height | ความสูงของภาพ (สามารถใช้หน่วยต่างๆ เช่น px, %) |
title | ข้อความ tooltip ที่แสดงเมื่อวางเมาส์เหนือภาพ |
loading | ระบุว่าให้โหลดภาพแบบ lazy หรือไม่ (เช่น "lazy", "eager") |
crossorigin | ระบุว่าควรใช้ CORS หรือไม่ |
<map>
ใช้ร่วมกับ
<area>
elements เพื่อสร้าง image map หรือพื้นที่คลิกได้บนรูปภาพ ทำให้สามารถกำหนดลิงก์ไปยังหน้าต่างๆ ได้ตามพื้นที่ที่กำหนด
Attribute | Description |
---|---|
name | ระบุชื่อของ map (ใช้สำหรับการเชื่อมโยงกับ <area> ) |
<track>
ใช้เป็น child element ของ
<audio>
และ<video>
เพื่อกำหนดข้อมูลที่เป็นข้อความตามเวลา เช่น คำบรรยาย (subtitles) โดยใช้รูปแบบไฟล์ WebVTT (.vtt
)
Attribute | Description |
---|---|
src | URL ของไฟล์ subtitle, captions, หรือ descriptions |
kind | ประเภทของ track (เช่น "subtitles", "captions", "descriptions") |
srclang | รหัสภาษาของ track (เช่น "en", "es") |
label | ข้อความที่ใช้ระบุ track ในการเลือก |
default | ระบุว่า track นี้เป็น track เริ่มต้นหรือไม่ |
<video>
ใช้แทรกวิดีโอลงในเอกสาร HTML พร้อมตัวควบคุมการเล่น สามารถใช้กับเสียงได้เช่นกัน แต่การใช้
<audio>
อาจเหมาะสมกว่าสำหรับไฟล์เสียงล้วน
Attribute | Description |
---|---|
src | URL ของไฟล์วิดีโอที่จะเล่น |
controls | แสดงตัวควบคุมวิดีโอ (เช่น play, pause) |
autoplay | เล่นวิดีโอโดยอัตโนมัติเมื่อโหลดเสร็จ |
loop | ทำให้วิดีโอเล่นซ้ำเมื่อสิ้นสุด |
muted | ปิดเสียงวิดีโอ (เริ่มต้นเสียงปิด) |
poster | URL ของภาพที่ใช้เป็นภาพพรีวิวก่อนวิดีโอเล่น |
preload | ระบุว่าจะโหลดวิดีโอเมื่อโหลดหน้าเว็บ (เช่น "auto", "metadata", "none") |
width | ความกว้างของวิดีโอ (สามารถใช้หน่วยต่างๆ เช่น px, %) |
height | ความสูงของวิดีโอ (สามารถใช้หน่วยต่างๆ เช่น px, %) |