แท็ก <a>
ตัวอย่าง
เชื่อมโยงไปยังการกวดวิชานี้:
ลอง»
(สำหรับตัวอย่างเพิ่มเติมโปรดดูที่ด้านล่างของหน้า)
สนับสนุนเบราว์เซอร์
เบราว์เซอร์ที่สำคัญทุกการสนับสนุนป้าย <a>
คำจำกัดความและคำแนะนำการแท็ก
แท็ก <a> กำหนดเชื่อมโยงหลายมิติจากหน้าหนึ่งที่จะเชื่อมโยงไปยังหน้าอื่น
องค์ประกอบที่สำคัญที่สุดคือแอตทริบิวต์แอตทริบิวต์ href <a> ที่ระบุเป้าหมายการเชื่อมโยง
ในเบราว์เซอร์, การเชื่อมโยงเริ่มต้นที่มีลักษณะเช่นนี้
- ไม่สามารถเชื่อมโยงเข้าเยี่ยมชมและขีดเส้นใต้สีฟ้า
- การเชื่อมโยงได้รับการเข้าเยี่ยมชมและขีดเส้นใต้สีม่วง
- ลิงค์ที่ใช้งานและขีดเส้นใต้สีแดง
เคล็ดลับและคำอธิบาย
เคล็ดลับ: หากคุณไม่ได้ใช้แอตทริบิวต์ href คุณไม่สามารถใช้ hreflang สื่อ rel เป้าหมายและคุณสมบัติประเภท
เคล็ดลับ: แสดงปกติในหน้าเชื่อมโยงหน้าต่างเบราเซอร์ปัจจุบันเว้นแต่บทบัญญัติของเป้าหมายอื่น ๆ
เคล็ดลับ: ใช้ CSS เพื่อเปลี่ยนรูปแบบของการเชื่อมโยง
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
ใน HTML 4.01, แท็ก <a> สามารถเป็นได้ทั้งเชื่อมโยงหลายมิติก็สามารถจอดทอดสมอ ใน HTML5 ป้าย <a> เชื่อมโยงหลายมิติ แต่ถ้าไม่มีแอตทริบิวต์ href ก็เป็นเพียงตัวยึดสำหรับเชื่อมโยงหลายมิติที่
HTML5 มีคุณลักษณะใหม่ ๆ บางอย่างในขณะที่ไม่สนับสนุน HTML 4.01 คุณลักษณะบางอย่าง
คุณสมบัติ
ใหม่: HTML5 ให้บริการใหม่
属性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持。规定目标 URL 的字符编码。 |
coords | coordinates | HTML5 不支持。规定链接的坐标。 |
download New | filename | 指定下载链接 |
href | URL | 规定链接的目标 URL。 |
hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
media New | media_query | 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。 |
name | section_name | HTML5 不支持。规定锚的名称。 |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 |
rev | text | HTML5 不支持。规定目标 URL 与当前文档之间的关系。 |
shape | default rect circle poly |
HTML5 不支持。规定链接的形状。 |
target | _blank _parent _self _top framename |
规定在何处打开目标 URL。仅在 href 属性存在时使用。 |
type New | MIME_type | 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。 注:MIME = Multipurpose Internet Mail Extensions。 |
อสังหาริมทรัพย์ทั่วโลก
แท็ก <a> สนับสนุน HTML คุณสมบัติทั่วโลก
คุณสมบัติเหตุการณ์
แท็ก <a> สนับสนุน คุณสมบัติเหตุการณ์ HTML
ลอง - ตัวอย่าง
สร้างเชื่อมโยงหลายมิติ
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการที่จะสร้างการเชื่อมโยงในเอกสารแบบ HTML
ภาพเป็นลิงค์
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการใช้ภาพเป็นลิงก์
เปิดลิงก์ในหน้าต่างเบราว์เซอร์ใหม่
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการที่จะเปิดหน้าในหน้าต่างใหม่เพื่อให้ผู้เข้าชมไม่จำเป็นต้องออกจากเว็บไซต์ของคุณ
สร้างการเชื่อมโยงอีเมล
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการเชื่อมโยงข้อความ (ในกรณีนี้การทำงานหลังจากที่คุณติดตั้งโปรแกรมอีเมล.)
การเชื่อมโยงสร้าง E-mail 2
ตัวอย่างนี้แสดงให้เห็นถึงการเชื่อมโยงอีเมลที่ซับซ้อนมากขึ้น
ใช้เบรกเพื่อข้ามไปยังสถานที่ที่แตกต่างกันในหน้าเดียวกัน
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการใช้แอตทริบิวต์ ID สมอกระโดดไปยังตำแหน่งที่แตกต่างกันในหน้าเว็บ (HTML5 ไม่สนับสนุนแอตทริบิวต์ชื่อ)
บทความที่เกี่ยวข้อง
HTML Tutorial: การเชื่อมโยง HTML
HTML DOM อ้างอิง: วัตถุ Anchor