HTML <area> คุณสมบัติ shape

HTML <area> ตามเนื้อหา

การกำหนดและการใช้งาน

shape กำหนดรูปร่างของพื้นที่

shape คุณสมบัติ คุณสมบัติ coords ใช้กันร่วมกันเพื่อกำหนดขนาด รูปร่างและตำแหน่งของพื้นที่

ตัวอย่าง

ใช้คุณสมบัติ shape กำหนดรูปร่างของพื้นที่ในแผนที่แสดงภาพ

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" href="sun.html" alt="Sun">
<area shape="circle" coords="190,230,5" href="mercur.html" alt="Mercury">
<area shape="circle" coords="228,230,5" href="venus.html" alt="Venus">
</map>

ลองทดลองด้วยตัวเอง

ศัพท์

<area shape="default|rect|circle|poly">

คุณสมบัติค่า

ค่า คำอธิบาย
default กำหนดพื้นที่ทั้งหมด
rect กำหนดพื้นที่สี่เหลี่ยม
circle กำหนดพื้นที่วงกลม
poly กำหนดพื้นที่หกเหลี่ยม

การอธิบายละเอียด

shape คุณสมบัตินี้ใช้เพื่อกำหนดรูปร่างของพื้นที่ที่มีความสนใจต่อหมุดหมายในแผนที่แสดงภาพ

  • วงกลม (circ หรือ circle)
  • รูปหกเหลี่ยม (poly หรือ polygon)
  • สี่เหลี่ยม (rect หรือ rectangle)

shape ค่าของคุณสมบัติอาจเพิ่มความเข้าใจของเบราเซอร์ที่อ่าน coords ของคุณสมบัติ ถ้าไม่ได้ใช้ shape คุณสมบัติ แล้วจะเป็นไปตามมาตราฐานที่จะคาดว่าใช้ค่า default ตามมาตราฐาน default หมายถึงพื้นที่ที่เข้าทั้งหมดของภาพ ในทางปฏิบัติ บราวเซอร์ใช้พื้นที่สี่เหลี่ยมผากโดยเริ่มต้น และหวังที่จะหาค่า coords 4 อัน ถ้าไม่มีการกำหนดรูปทรง และไม่มีการรวมค่า coords 4 อันในแทร็ก บราวเซอร์จะละเลยพื้นที่ทั้งหมด

ที่สามารถรับรู้ shape บราวเซอร์ที่สามารถให้ค่า default ของคุณสมบัติ สามารถให้ช่องที่รวมทั้งหมดของหลายจุดร้อน สำหรับสถานการณ์ที่คลิกนอกของระยะที่กำหนดโดยจุดร้อนอื่น เนื่องจากจุดที่ใช้ในแทร็ก <map> ตามลำดับที่เข้ามาก่อน จึงต้องจัดลำดับพื้นที่เริ่มต้นในตำแหน่งท้าย ไม่เช่นนั้น พื้นที่เริ่มต้นจะทับทับความหมายของพื้นที่ที่มีอยู่ในแมบแบบภาพอื่น

บราวเซอร์ไม่มีข้อกำหนดเกี่ยวกับการปฏิบัติต่อชื่อรูปทรง ตัวอย่างเช่น สำหรับรูปทรงสี่เหลี่ยมผาก Netscape 4 ไม่สามารถรับรู้ "rectangle" แต่สามารถรับรู้ "rect" ด้วยเหตุผลดังกล่าว เราแนะนำให้ใช้ชื่อรูปทรงที่ย่อ

การสนับสนุนโดยบราวเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

HTML <area> ตามเนื้อหา