<a> แท็กส่วนใหญ่จะใช้เพื่อกำหนดลิงก์และบุ๊กมาร์กและเรียกว่าไฮเปอร์ลิงก์หรือลิงค์ยึด การใช้งานที่พบบ่อยที่สุดมีดังต่อไปนี้:
สร้างแอตทริบิวต์ hyperlink href และข้ามไปที่ลิงค์ใน Middle Href =<a href = https: //www.vevb.com/> www.vevb.com </a>สร้างบุ๊กมาร์กใช้แอตทริบิวต์ชื่อหรือ ID และจุดสิ้นสุดของการเชื่อมโยงหลายมิติเพื่อเพิ่ม # และชื่อของบุ๊คมาร์คนี้เพื่อข้ามไปยังตำแหน่งที่แน่นอนบนหน้าเว็บ
<a name = top> </a> <a name = 1> </a> <a name = 2> </a> <a href =#top> กลับไปด้านบน </a> <a href =#1> เปิดบทที่ 1 </a> <a href =#2> เปิดบทที่ 2 </a>
เมื่อคุณเปิดการสอนออนไลน์ของเทคโนโลยี Ewei W3CSchool การนำทางด้านล่างชื่อจะปรากฏขึ้นซึ่งถูกสร้างขึ้นผ่านชื่อบุ๊คมาร์ค
แอตทริบิวต์เหตุการณ์ JavaScript คลิกเพื่อเรียกใช้คำสั่งที่แตกต่างกัน<a href = javascript: void (0) onclick = this.href = 'https: //www.vevb.com/'> www.vevb.com </a>
เมื่อไม่มีรูปแบบ CSS ของลิงค์จุดยึดที่กำหนดเอง <a href = https: //www.vevb.com/> ข้อความเชื่อมโยงจุดยึด </a> รูปแบบการเชื่อมโยงจุดเริ่มต้นมีดังนี้:
ใช้รูปแบบการเชื่อมโยงเริ่มต้นโปรดใช้เมาส์เพื่อทริกเกอร์เอฟเฟกต์
<style type = text/css>
A {color:#00f}
A: เยี่ยมชม {color:#800080}
A: Hover {color:#f00}
</style>
<a href = https: //www.vevb.com/> www.vevb.com </a>
A {color:#00f} ลิงค์ยึดเป็นสีน้ำเงินทั้งหมดและขีดเส้นใต้
ตอบ: เยี่ยมชม {color:#800080} ลิงค์หลังจากคลิกเป็นสีม่วงและขีดเส้นใต้
A: Hover {color:#f00} เมาส์กระตุ้นรูปแบบสีแดงและขีดเส้นใต้
อย่างไรก็ตามเนื่องจากทั้งสามสีนั้นแข็งแกร่งเกินไปพวกเขาจึงไม่สามารถจับคู่สไตล์การออกแบบเว็บทั้งหมดได้ หากคุณต้องการรูปแบบการเชื่อมโยงจุดยึดสำหรับสีอื่น ๆ คุณจะต้องปรับเปลี่ยนสีและพื้นหลังด้วยตัวเองใน CSS ตามสามรูปแบบข้างต้น
ในความเป็นจริงเมื่อ HTML เปิดตัวครั้งแรกเบราว์เซอร์ไม่ได้ก้าวหน้าเท่าตอนนี้และหน้าจอคอมพิวเตอร์ในเวลานั้นไม่มีสีของ LCD และสีอื่น ๆ ในปัจจุบันและหลายคนก็เป็นขาวดำ ในเวลานั้นวิธีการที่จะแยกแยะว่ามันเป็นลิงค์ที่ขีดเส้นใต้หรือไม่ บนจอภาพขาวดำจำนวนมากหรือหน้าเว็บสำหรับผู้ใช้สีตาบอดสีลองรักษาขีดเส้นใต้ให้มากที่สุดเท่าที่จะเป็นไปได้มิฉะนั้นผู้ใช้จะไม่สามารถแยกแยะสีได้
แน่นอนเพื่อความงามการออกแบบเว็บที่ทันสมัยโดยทั่วไปไม่ได้เน้นย้ำถึงลิงก์โดยตรง อย่างไรก็ตามเพื่อที่จะดูแลผู้ใช้สีตาบอดสีและผู้ใช้จอภาพโทรศัพท์มือถือขาวดำขอแนะนำให้ตั้งค่าสไตล์ CSS เพื่อขีดเส้นใต้เมื่อมีการเรียกใช้เมาส์ของผู้ใช้
เมื่อคุณเปิดลิงก์ไปยังหน้านี้คุณจะพบว่าลิงก์บางส่วนจะปรากฏขึ้นไปยังหน้าต่างอื่น ๆ เมื่อคุณเปิดลิงก์ในขณะที่ลิงก์บางส่วนจะแทนที่หน้านี้โดยตรง วิธีการกระโดดนี้สามารถใช้คุณสมบัติเป้าหมายของลิงก์จุดยึดเพื่อตั้งค่าหน้าต่างกระโดด
_Self หน้าต่างปัจจุบันเปิดอยู่ และลิงค์จุดยึดจะถูกเปลี่ยนเส้นทางไปยังหน้าต่างเบราว์เซอร์ปัจจุบันโดยค่าเริ่มต้นนั่นคือเป้าหมายเริ่มต้น = _Self<a href = https: //www.vevb.com/ target = _self> นี่คือโฮมเพจเทคโนโลยี Ewei ใหม่ในปัจจุบัน </a>_ หน้าต่างใหม่เปิดขึ้น
<a href = https: //www.vevb.com/ target = _blank> นี่คือหน้าต่างใหม่ที่จะแสดงหน้าแรกของเทคโนโลยี EV </a>เป้าหมายที่ไม่มีชื่อเปิดในหน้าต่างใหม่เดียวกัน
<a href = https: //www.vevb.com/ target = _weigeti> หาก _weigeti ที่นี่ไม่ใช่ชื่อหรือรหัสภายในเว็บเพจเป้าหมายทั้งหมด = _weigeti ลิงก์ในเว็บเพจจะเปิดในหน้าต่างใหม่เดียวกันชื่อเฟรมหรือรหัส
<a href = https: //www.vevb.com/ target = weigeti> คลิกที่นี่เพื่อแสดงหน้าแรกของเทคโนโลยี e-wei ในเฟรมด้านล่างชื่อ = weigeti และจะไม่ข้ามไปยังหน้าต่างใหม่หรือแทนที่หน้าต่างปัจจุบัน </a> <iframe name = weigeti>_Parent หน้าต่างพาเรนต์จะเปิดขึ้น และโหลดไฟล์ที่เชื่อมโยงลงในชุดเฟรมพาเรนต์หรือหน้าต่างพาเรนต์ที่มีเฟรมลิงค์ หากเฟรมเวิร์กที่มีลิงก์ไม่ซ้อนกันไฟล์ที่เชื่อมโยงจะถูกโหลดในหน้าต่างหน้าจอเต็มเบราว์เซอร์เช่นเดียวกับพารามิเตอร์ _self
<iframe> <a href = https: //www.vevb.com/ target = _parent> นี่คือด้านในของเฟรม </a> </iframe>_Top Framework ที่ระดับบนสุด ตัวอย่างเช่นเว็บเพจ B ถูกฝังอยู่ในเว็บ A, เว็บเพจ B ถูกฝังอยู่ในเว็บเพจ IFRAME C C
<iframe> <iframe> <a href = https: //www.vevb.com/ target = _top> นี่คือเฟรมเวิร์กภายในเฟรม </a> </iframe> </iframe>
หากการเชื่อมต่อในหน้าเว็บ C ถูกตั้งค่าเป็น target = _parent ให้ลบหน้าเว็บ B และฝังหน้าลิงค์โดยตรงในหน้าเว็บ C;
หาก target = _top ในหน้าเว็บ C เฟรม iframe ทั้งหมดจะถูกกระโดดโดยตรงและหันไปยังหน้าเชื่อมโยงโดยตรงใน C
_top เปิดเอกสารที่เชื่อมโยงในหน้าต่างเบราว์เซอร์ทั้งหมดปัจจุบันดังนั้นจึงลบเฟรมทั้งหมด
ลิงก์ภายนอกได้รับการยกย่องว่าเป็นหนึ่งในแกนหลักของการเพิ่มประสิทธิภาพกลไกค้นหา ด้วยเหตุนี้ลิงก์ภายนอกทุกรูปแบบจึงปรากฏขึ้นและลิงก์ภายนอกทั้งหมดไม่ได้มีผลต่อ SEO
เครื่องมือค้นหามีความเต็มใจที่จะรับรู้ JavaScript น้อยกว่าซึ่งทั้งหมดนี้เข้าใจง่าย
<a href =# onclick = this.href = 'https: //www.vevb.com/'> ลิงก์ดังกล่าวไม่ถูกต้องสำหรับ seo </a> <a href =# onclick = window.open ('https://ww.vevb.com/'หากคุณพบว่าเว็บไซต์ของอีกฝ่ายได้เพิ่มแอตทริบิวต์ rel = nofollow ไปยังลิงค์ของคุณเมื่อเปลี่ยนลิงก์กับเว็บไซต์ของคนอื่นผ่านซอร์สโค้ดนั่นหมายความว่าลิงค์นี้ไม่ได้ถูกรวบรวมข้อมูลโดยเครื่องมือค้นหา
<a href = https: //www.vevb.com/ rel = nofollow> ลิงก์ดังกล่าวไม่ถูกต้องสำหรับ seo </a> <meta name = เนื้อหาหุ่นยนต์ = nofollow/> <a href = https: //www.vevb.com/> หากมีการค้นหาข้างต้น ไม่ถูกต้องสำหรับ SEO </a>
Google Search เปิดตัวอัลกอริทึมใหม่เพื่อโจมตีลิงก์ภายนอกที่มีสีเดียวกับของปักกิ่งและลิงก์ภายนอกนี้ถือว่าเป็นลิงค์สีดำ
<style type = text/css> #vgtlink {background: #fff} #vgtlink {background: #fff} </style> <div id = vgtlink> <a href = https: //www.vevb.com/ id = vgtlink> ลิงก์ดังกล่าว href = https: //www.vevb.com/ style = background: #FFF> ลิงก์ดังกล่าวยังไม่ถูกต้องสำหรับ SEO </a>