ล่าสุดการพัฒนาเว็บบทเรียน
×

HTML การอ้างอิง

HTML ตามลำดับตัวอักษร (เรียงลำดับ) HTML ตามหมวดหมู่ (เรียงลำดับ) HTML แอตทริบิวต์ HTML แอตทริบิวต์ทั่วโลก HTML เหตุการณ์ HTML ผ้าใบ HTML เสียง / วิดีโอ HTML doctypes HTML เข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTTP ข้อความ HTTP วิธีการ PX จะ EM แปลง แป้นพิมพ์ลัด


 

HTML <map> Tag


ตัวอย่าง

ภาพแผนที่ที่มีพื้นที่ที่สามารถคลิกได้:

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
ลองตัวเอง»

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

<map> แท็กที่ใช้ในการกำหนดฝั่งไคลเอ็นต์ภาพแผนที่ ภาพแผนที่เป็นภาพที่มีพื้นที่ที่สามารถคลิก

แอตทริบิวต์ชื่อต้องของ <map> องค์ประกอบที่มีความเกี่ยวข้องกับ <img>'s usemap แอตทริบิวต์และสร้างความสัมพันธ์ระหว่างภาพและแผนที่

<map> องค์ประกอบที่มีจำนวนของ <area> องค์ประกอบที่กำหนดพื้นที่ที่สามารถคลิกได้ในแผนที่ภาพ


สนับสนุนเบราว์เซอร์

ธาตุ
<map> ใช่ ใช่ ใช่ ใช่ ใช่

ความแตกต่างระหว่าง HTML 4.01 และ HTML5

หมายเหตุ: ใน HTML5 ถ้า id แอตทริบิวต์ของ <map> แท็กที่ระบุไว้นอกจากนี้ก็จะต้องมีค่าเช่นเดียวกับ name แอตทริบิวต์


ความแตกต่างระหว่าง HTML และ XHTML

ใน XHTML ที่ name แอตทริบิวต์จะเลิกและจะถูกลบออก ใช้ แอตทริบิวต์ id ของโลก แทน


แอตทริบิวต์

คุณลักษณะ ความคุ้มค่า ลักษณะ
name mapname จำเป็นต้องใช้ ระบุชื่อของภาพแผนที่

แอตทริบิวต์ทั่วโลก

<map> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML


แอตทริบิวต์เหตุการณ์

<map> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML


หน้าเว็บที่เกี่ยวข้อง

อ้างอิง HTML DOM: แผนที่วัตถุ


ตั้งค่าเริ่มต้น CSS

เบราว์เซอร์ส่วนใหญ่จะแสดง <map> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:

map {
    display: inline;
}