บทช่วยสอน 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

เบราว์เซอร์ที่สำคัญทุกการสนับสนุน <พื้นที่> แท็ก


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

<พื้นที่> tag กำหนดพื้นที่ภายในแผนที่ภาพ (ภาพแผนที่หมายถึงภาพที่มีพื้นที่ที่สามารถคลิกได้เป็นพิเศษ)

<พื้นที่> องค์ประกอบซ้อนเสมอภายใน <แผนที่> แท็กภายใน

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


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

HTML5 ให้คุณลักษณะใหม่บางส่วนและบางส่วนแอตทริบิวต์ HTML 4.01 ได้รับการสนับสนุนอีกต่อไป


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

ใน HTML, <พื้นที่> แท็กไม่มีแท็กปิด

ใน XHTML, <พื้นที่> แท็กจะต้องปิดอย่างถูกต้อง


คุณสมบัติ

ใหม่: HTML5 ให้บริการใหม่

属性 描述
alt text 规定区域的替代文本。如果使用 href 属性,则该属性是必需的。
coords coordinates 规定区域的坐标。
href URL 规定区域的目标 URL。
hreflang New language_code 规定目标 URL 的语言。
media New media query 规定目标 URL 是为何种媒介/设备优化的。默认:all。
nohref value HTML5 不支持。 规定没有相关链接的区域。
rel New alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
规定当前文档与目标 URL 之间的关系。
shape default
rect
circle
poly
规定区域的形状。
target _blank
_parent
_self
_top
framename
规定在何处打开目标 URL。
type New MIME_type 规定目标 URL 的 MIME 类型。
注:MIME = Multipurpose Internet Mail Extensions。

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

<พื้นที่> tag สนับสนุน HTML คุณสมบัติทั่วโลก


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

<พื้นที่> tag สนับสนุน คุณสมบัติเหตุการณ์ HTML


บทความที่เกี่ยวข้อง

คู่มือการใช้งาน HTML DOM อ้างอิง: วัตถุใกล้เคียง

HTML <พื้นที่> แท็ก
10/30