คำอธิบายโดยละเอียดของแอตทริบิวต์เป้าหมายของ HTML ไฮเปอร์ลิงก์แท็กก

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

<A

คลาส = ประเภท

id = ค่า

href = การอ้างอิง

ชื่อ = ค่า

rel = เดียวกัน | ถัดไป | ผู้ปกครอง | ก่อนหน้า

rev = ค่า

target = window

สไตล์ = ค่า

title = title

onclick = ฟังก์ชั่น

onMouseOut = ฟังก์ชั่น

onMouseOver = function> การเชื่อมต่อ </a>

จากโครงสร้างไวยากรณ์ของแท็กจะเห็นได้ว่ามีพารามิเตอร์มากมายให้เลือกเมื่อตั้งค่าไฮเปอร์ลิงก์เพื่อให้ได้เอฟเฟกต์การเชื่อมโยงที่แตกต่างกันใช่ไหม? -

1._blank <a href = example.html target = _blank> ตัวอย่าง </a> เบราว์เซอร์จะเปิดหน้าต่างใหม่เพื่อแสดงตัวอย่างเอกสาร html

2._parent <a href = example.html target = _parent> ตัวอย่าง </a> ชี้ไปที่เอกสารเฟรมพาเรนต์

3._self <a href = example.html target = _self> ตัวอย่าง </a> คลิกเอกสารลงในกล่องหน้าปัจจุบัน

4._top <a href = example.html target = _top> ตัวอย่าง </a> ลบเฟรมหน้าทั้งหมดและแทนที่เอกสาร frameset ด้วย document.html

เคล็ดลับที่ 1: ทำให้เฟรมหน้าของคนอื่นไม่อ้างถึงหน้าเว็บของคุณในส่วนหัวไฟล์: <base target = _top>

เคล็ดลับที่ 2: เปิดการเชื่อมต่อหรือรีเฟรชในหน้าปัจจุบันส่งไปยังหน้าปัจจุบันและเพิ่มลงในส่วนหัวไฟล์: <base target = _self>

ตัวเลือกคลาสและ ID ใช้เพื่อตั้งค่าประเภทและหมายเลข ID ที่กำหนดซึ่งเป็นจุดเชื่อมโยงและมักจะไม่ตั้งค่า พารามิเตอร์ที่ใช้กันมากที่สุดสองตัวคือ href และชื่อ โดยที่ HREF เป็นตัวย่อของการอ้างอิงไฮเปอร์เท็กซ์ซึ่งใช้ในการตั้งค่าที่อยู่ลิงค์ ที่อยู่ลิงค์จะต้องเป็นที่อยู่ URL หากไม่มีเส้นทางที่เฉพาะเจาะจงเส้นทางเริ่มต้นจะเหมือนกับเส้นทางของหน้าปัจจุบัน ไฟล์ที่เชื่อมโยงจะแบ่งออกเป็นหลายสถานการณ์: หากเป็นไฟล์ HTML มันจะเปิดโดยตรงในเบราว์เซอร์ปัจจุบัน หากเป็นไฟล์ที่เรียกใช้งานได้ (ไฟล์. exe) มันจะถูกเรียกใช้งานหรือดาวน์โหลดโดยตรง ไฟล์ที่เราให้การดาวน์โหลดนั้นทำขึ้นด้วยคุณสมบัตินี้ หากเป็นไฟล์ข้อความเช่นไฟล์รูปแบบคำจะเปิดในเบราว์เซอร์และสามารถแก้ไขและประมวลผลได้

REL: ระบุความสัมพันธ์ระหว่างลิงก์การตั้งค่า: rel = เดียวกันหมายความว่าไฟล์ที่เชื่อมโยงนั้นเหมือนกับไฟล์นี้ rel = ถัดไปหมายความว่าไฟล์ที่จะเชื่อมโยงคือหน้าถัดไป rel = พาเรนต์หมายความว่าไฟล์ที่เชื่อมโยงคือไฟล์พาเรนต์และ rel = ก่อนหน้าหมายความว่าไฟล์ที่เชื่อมโยงคือหน้าก่อนหน้า

Rev: ใช้เพื่อตั้งค่าลิงก์ย้อนกลับ

เป้าหมาย: มันคือการตั้งค่าหน้าต่างที่จะเชื่อมโยงไปยังเมื่อใช้หน้าต่างเฟรมและ target = _bank หมายถึงการเปิดหน้าต่างใหม่เพื่อเปิดหน้าเว็บ

ชื่อเรื่อง: ใช้เพื่อตั้งชื่อเพื่อแสดงเมื่อเลือกจุดเชื่อมโยง

onclick: สอดคล้องกับเหตุการณ์ เมื่อมีการคลิกจุดลิงก์เหตุการณ์นี้จะถูกทริกเกอร์และรูทีนย่อยที่เกี่ยวข้องจะถูกดำเนินการ

OnMouseOver: คล้ายกับ onClick เหตุการณ์ที่เกี่ยวข้องจะถูกกระตุ้นเมื่อเมาส์เคลื่อนที่ไปยังจุดเชื่อมโยง

OnMouseOut: เหตุการณ์ที่เกี่ยวข้องจะถูกกระตุ้นหลังจากที่เมาส์ถูกย้ายออกจากการติดต่อในเมือง

<a href = index.htm> กลับไปที่หน้าแรก </a>

<a href = sound.wav> เล่นไฟล์เสียง </a>

<a href = javascipt.open ()> ดำเนินการโปรแกรมที่เกี่ยวข้อง </a>

<a herf = document.doc> เปิดเอกสารที่เกี่ยวข้องสำหรับการประมวลผล </a>

ชาวเน็ตหลายคนเขียนเพื่อถามวิธีการให้เอฟเฟกต์การดาวน์โหลด อันที่จริงมันยังคงเป็นไฮเปอร์ลิงก์ แต่ไฟล์สำหรับการดาวน์โหลดจะต้องอัปโหลดไปยังเว็บไซต์ ตัวอย่าง: มีแพ็คเกจไฟล์ทักษะหน้าเว็บสำหรับดาวน์โหลด ชื่อไฟล์คือ HomePageJq.zip และได้รับการอัปโหลดไปยังเว็บไซต์ รหัสสำหรับลิงค์นี้สามารถเขียนได้เช่นนี้: <a href = homePagejq.zip> คลิกที่นี่เพื่อดาวน์โหลดแพ็คเกจไฟล์ทักษะเว็บเพจ </a>

2. เปิดหน้าเว็บที่เชื่อมโยงในหน้าต่างใหม่

ตั้งค่าเป้าหมายเป็น _blank ตัวอย่าง: เปิดหน้าเว็บเกี่ยวกับ Me.htm ในหน้าต่างใหม่ รหัสที่สร้างเอฟเฟกต์นี้คือ: <a href = เกี่ยวกับ meMe.htm target = _blank> เกี่ยวกับฉัน ... </a>

3. ย้ายเมาส์ไปยังลิงค์และแสดงบรรทัดคำแนะนำ

ตั้งค่าพารามิเตอร์ชื่อเรื่องเพื่อให้ได้เอฟเฟกต์นี้ ตัวอย่าง: เมื่อเมาส์ถูกย้ายไปยังลิงค์ Huangshan Villager จะแสดงให้เห็นว่านี่เป็นเว็บไซต์ระดับมืออาชีพที่แนะนำทักษะการสร้างหน้าเว็บ รหัสสำหรับลิงค์นี้มีดังนี้: <a href = hscf.htm title = นี่คือเว็บไซต์มืออาชีพที่แนะนำทักษะการผลิตหน้าเว็บ> Huangshan Villager </a>

นี่คือเอฟเฟกต์ที่ได้จากการตั้งค่าพารามิเตอร์ onmouseover ตัวอย่าง: เมื่อเมาส์เคลื่อนไปยังลิงก์หน้าต่างจะปรากฏขึ้นและแสดงการสาธิตเอฟเฟกต์เมาส์โฮเวอร์เอฟเฟกต์ในหน้าต่าง! - รหัสสำหรับลิงค์นี้มีดังนี้: <a href = หน้าเว็บอื่น ๆ htm onmouseover = การแจ้งเตือน ('การสาธิตเอฟเฟกต์ Mouseover!')> ลิงก์ </a> ในทำนองเดียวกันคุณสามารถสร้างเอฟเฟกต์ของการโผล่ออกมาจากหน้าต่างงานนำเสนอหลังจากที่เมาส์ถูกกดและโผล่ขึ้นมาในหน้าต่างงานนำเสนอเมื่อเมาส์ออกไป

ในการเชื่อมโยงไปยังส่วนหนึ่งของหน้านี้ (นั่นคือกระโดดในไฟล์) คุณต้องใช้ชื่อพารามิเตอร์เพื่อระบุชื่อของจุดลิงก์ เมื่อคุณเลือกชิ้นส่วนของข้อความคุณสามารถตั้งชื่อด้วยพารามิเตอร์ชื่อสำหรับการเชื่อมโยง การกระโดดที่เรียกว่าในไฟล์เดียวกันหมายความว่าเมื่อผู้อ่านอ่านไฟล์ที่ยาวมากหากเขาสนใจเพียงส่วนหนึ่งของเนื้อหาเขาสามารถใช้วิธีการอ่านกระโดด รูปแบบพื้นฐานคือ:

<a href =#ชื่อจุดลิงก์> ส่วนที่ 2 </a> ส่วนที่ 1 เนื้อหา

<a name = link point name> </a> ส่วนที่ 2 เนื้อหาจริง

ด้วยวิธีนี้เมื่อคุณคลิกที่ไฮเปอร์ลิงก์ในส่วนที่สองคุณจะถ่ายโอนไปยังเนื้อหาจริงของส่วนที่สองโดยอัตโนมัติ ชื่อจุดเชื่อมโยงที่กำหนดโดยพารามิเตอร์ชื่อสามารถนำมาใช้ได้ แต่ชื่อจุดเชื่อมโยงในพารามิเตอร์ HREF ที่เชื่อมโยงจะต้องสอดคล้องกับมัน อย่าลืมเพิ่ม # ต่อหน้า

วิธีการนี้คล้ายกับตัวอย่างข้างต้น แต่ชื่อไฟล์ของหน้าเว็บจะต้องเพิ่มก่อนที่ชื่อจุดเชื่อมโยงในพารามิเตอร์ HREF ตัวอย่าง: มีสองหน้าเว็บหน้า 1.htm และ page2.htm แต่ละหน้ามีเนื้อหาสองส่วน ตอนนี้คุณต้องการสร้างไฮเปอร์ลิงก์ในหน้า 1.htm หลังจากกดลิงค์คุณจะไปที่ส่วนที่สองของหน้า 2.htm จากนั้นเราสามารถทำได้ก่อนอื่นเขียนรหัสเช่นนี้ที่จุดเริ่มต้นของส่วนที่สองของ page2.htm: <a name = link point name> </a>; เขียนรหัสลิงก์เช่นนี้ในหน้า 1.htm: <a href = pagw2.htm#ชื่อจุดลิงก์> ส่วนที่ 2 ของหน้า 2 </a>

หลังจากคลิกไฮเปอร์ลิงก์ซอฟต์แวร์การจัดการอีเมลบนไคลเอนต์จะเริ่มเขียนถึงคุณ ตัวอย่างเช่นบรรทัดรหัสนี้: <a href = mailto: [email protected]> โปรดเขียนจดหมายถึงฉัน </a> เมื่อคุณคลิกที่ลิงค์นี้โปรดเขียนถึงฉัน ซอฟต์แวร์การจัดการอีเมล (เช่น OE) จะเริ่มฟังก์ชั่นการเขียนจดหมายโดยอัตโนมัติและที่อยู่อีเมลได้รับการเพิ่มลงในแถบที่อยู่ของผู้รับ

ลิงค์ไม่เพียง แต่สามารถใช้ข้อความเป็นผู้ให้บริการ แต่ยังรวมถึงภาพเป็นผู้ให้บริการ แต่ยังใช้ส่วนหนึ่งของรูปภาพเป็นผู้ให้บริการและเอฟเฟกต์ทั้งสองข้างต้นสามารถทำได้ วิธีการเหมือนกัน แต่ความแตกต่างคือผู้ให้บริการนั่นคือส่วนระหว่างสองคู่ของวงเล็บสี่เหลี่ยมจัตุรัสของลิงค์ดังนั้นจะไม่มีตัวอย่างอื่นใด