บทช่วยสอน HTML <แผนที่> แท็ก ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ตัวอย่าง,สนับสนุนเบราว์เซอร์,คำจำกัดความและคำแนะนำการแท็ก,ความแตกต่างระหว่าง HTML 4.01 และ HTML5,ความแตกต่างระหว่าง HTML และ XHTML,คุณสมบัติ,อสังหาริมทรัพย์ทั่วโลก,คุณสมบัติเหตุการณ์,

HTML <แผนที่> แท็ก

ตัวอย่าง

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

<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>

ลอง»

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

เบราว์เซอร์ส่วนใหญ่สนับสนุน <แผนที่> แท็ก


คำจำกัดความและคำแนะนำการแท็ก

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

<img> คุณลักษณะที่สามารถอ้างอิงใน usemap <แผนที่> รหัสหรือแอตทริบิวต์ name (ขึ้นอยู่กับเบราว์เซอร์) ดังนั้นเราควรในเวลาเดียวกันที่ <แผนที่> เพิ่ม ID และชื่อแอตทริบิวต์

องค์ประกอบพื้นที่ซ้อนกันเสมอภายในองค์ประกอบแผนที่ องค์ประกอบพื้นที่กำหนดภาพแผนที่พื้นที่


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

หมายเหตุ: ใน HTML5 ถ้าแอตทริบิวต์ ID ที่มีการระบุไว้ใน <แผนที่> แท็กแล้วคุณจะต้องระบุชื่อแอตทริบิวต์


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

ใน XHTML, ชื่อแอตทริบิวต์จะเลิกใช้แอตทริบิวต์ ID ที่จะเปลี่ยนมัน


คุณสมบัติ

属性 描述
name mapname 必需。为 image-map 规定的名称。


อสังหาริมทรัพย์ทั่วโลก

<แผนที่> tag สนับสนุนคุณลักษณะทั่วโลกมุมมองที่สมบูรณ์แผ่นคุณสมบัติ HTML แอตทริบิวต์ทั่วโลก


คุณสมบัติเหตุการณ์

<แผนที่> tag สนับสนุนทุก คุณลักษณะเหตุการณ์ HTML

HTML <แผนที่> แท็ก
10/30