ข้อมูลอ้างอิงHTML

HTML โดยตัวอักษร HTML ตามหมวดหมู่ รองรับ HTML Browser แอตทริบิวต์ HTML HTML Global Attributes เหตุการณ์ HTML HTML สี HTML Canvas HTML เสียง/วิดีโอ ชุดอักขระ HTML HTML Doctypes การเข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTML ข้อความ HTTP วิธี HTTP ตัวแปลง PX เป็น EM แป้นพิมพ์ลัด


HTML <area> ดาวน์โหลดแอตทริบิวต์

❮ แท็ก HTML <พื้นที่>

ตัวอย่าง

ใช้แอตทริบิวต์ดาวน์โหลดเพื่อระบุว่าเป้าหมายจะถูกดาวน์โหลดเมื่อผู้ใช้คลิกที่ไฮเปอร์ลิงก์:

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="info_about_the_sun.htm" download="sun">
<area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif" download="mercury">
<area shape="circle" coords="124,58,8" alt="Venus" href="information_about_the_planet_venus.txt" download="venus">
</map>

ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง


ความหมายและการใช้งาน

แอตทริบิวต์downloadระบุว่าเป้าหมาย (ไฟล์ที่ระบุในhrefแอตทริบิวต์) จะถูกดาวน์โหลดเมื่อผู้ใช้คลิกที่ไฮเปอร์ลิงก์

ค่าทางเลือกของdownloadแอตทริบิวต์จะเป็นชื่อใหม่ของไฟล์หลังจากที่ดาวน์โหลดแล้ว ไม่มีข้อจำกัดเกี่ยวกับค่าที่อนุญาต และเบราว์เซอร์จะตรวจหานามสกุลไฟล์ที่ถูกต้องโดยอัตโนมัติและเพิ่มลงในไฟล์ (.img, .pdf, .txt, .html เป็นต้น)

หากไม่ระบุค่า ระบบจะใช้ชื่อไฟล์เดิม


รองรับเบราว์เซอร์

ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนแอตทริบิวต์อย่างเต็มที่

Attribute
download 14.0* 18.0 20.0* 10.1 15.0

* Chrome 65+ และ Firefox รองรับเฉพาะลิงก์ดาวน์โหลดที่มาเดียวกัน



ไวยากรณ์

<area download="filename">

ค่าแอตทริบิวต์

Value Description
filename Optional. Specifies the new filename for the downloaded file

ตัวอย่างเพิ่มเติม

ตัวอย่าง

ระบุค่าสำหรับแอตทริบิวต์ดาวน์โหลด ซึ่งจะเป็นชื่อไฟล์ใหม่ของไฟล์ที่ดาวน์โหลด (sun.htm แทนที่จะเป็น data_about_the_sun.htm เป็นต้น):

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="info_about_the_sun.htm" download="sun">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif" download="mercury">
  <area shape="circle" coords="124,58,8" alt="Venus" href="information_about_the_planet_venus.txt" download="venus">
</map>

❮ แท็ก HTML <พื้นที่>