คอมพิวเตอร์, การเขียนโปรแกรม
ฉันจะแทรกการเชื่อมโยงหลายมิติลงใน HTML ได้อย่างไร? การสร้างและการใช้ไฮเปอร์ลิงค์ใน HTML
ข้อความไฮเปอร์เท็กซ์คือข้อความที่มีลิงก์ไปยังข้อความอื่น ตัวอย่างคือบันทึกย่อของผู้แต่งเกี่ยวกับคำจำกัดความที่ซับซ้อนหรือเชิงอรรถของนักแปลที่ด้านล่างของหน้าหนังสือหากมีข้อความเป็นภาษาต่างประเทศ เว็บไซต์อินเทอร์เน็ตเป็นระบบที่ซับซ้อนในการเปลี่ยนข้อความจากหน้าหนึ่งไปยังอีกหน้าภายในหน้าเว็บรวมทั้งระหว่างหัวข้อหัวข้อที่ไม่เกี่ยวข้อง โครงสร้างนี้เป็นประโยชน์ประหยัดเวลาได้มากช่วยให้ผู้เข้าชมสามารถค้นหาข้อมูลที่จำเป็นได้อย่างรวดเร็วและไม่หลงทางในช่วงการเปลี่ยนภาพเป็นจำนวนมาก
แทรกการเชื่อมโยงหลายมิติ
นี่คือตัวอย่างของวิธีการแทรกไฮเปอร์ลิงค์ลงในเอกสาร HTML ซึ่งทำผ่านแท็ก ผู้เข้าชมไซต์จะเห็นข้อความที่ขีดเส้นใต้ซึ่งแตกต่างจากสีของข้อความโดยรอบ (สีของลิงก์ HTML) ใด ๆ "หน้าแรกของ Google" คลิกที่ไอคอนจะไปที่หน้าหลักของเครื่องมือค้นหาของ Google ควรสังเกตว่าข้อความเชื่อมโยงหลายมิติควรมีข้อมูลเกี่ยวกับการเปลี่ยนแปลงที่จะเกิดขึ้น หลักการนี้ควรปฏิบัติตามและยอมรับตามกฎ!
โครงสร้างของแท็ก ...
คุณสามารถสังเกตได้ว่าแท็ก เป็นคู่: จำเป็นต้องมีแท็กปิด
href - แอตทริบิวต์ของ แท็กบ่งบอกถึงจุดประสงค์ของการเชื่อมโยง
Https://google.com/ - ค่าของแอตทริบิวต์ ซึ่งมี URL ของรีซอร์สที่จะมีการเปลี่ยนแปลง ประกอบด้วยคำพูดสองหรือคำเดียว ขึ้นอยู่กับโครงสร้างของการซ้อนแท็กตามกฎ HTML
การออกแบบทั้งหมดนี้เรียกว่า องค์ประกอบของ เอกสารเว็บ
ตามกฎ HTML องค์ประกอบบางอย่างอาจมีองค์ประกอบอื่น ๆ แท็ก ไม่ใช่ข้อยกเว้น หากโปรแกรมเมอร์ต้องการเน้นคำที่เป็นตัวหนาของ Google จากนั้นให้ใช้แท็ก สำหรับกฎการจัดรูปแบบข้อความทั่วไปโดยดูลำดับของแท็กทำรัง ผู้ดูแลเว็บควรทราบวิธีสร้างลิงก์เชื่อมโยงหลายมิติใน HTML โดยไม่มีข้อผิดพลาดมิฉะนั้นจะไม่สามารถใช้งานได้ ลิงก์ที่ขาดจากคอมพิวเตอร์แสลงเรียกว่า "เสีย"
ที่นี่: รายการ
ประกอบด้วยองค์ประกอบที่ซ้อนกัน
ขณะนี้ผู้เข้าชมหน้าเว็บจะเห็นลิงก์เชื่อมโยงกับข้อความตัวหนาซึ่งเน้นคำว่า "Google"
เชื่อมโยงหลายมิติแบบสัมบูรณ์
การเชื่อมโยงหลายมิติโดยใช้ URL สัมบูรณ์ของไซต์ที่มีชื่อโดเมน (.ru, .com, .org, .gov) เรียกว่า สัมบูรณ์ และมีไวยากรณ์ต่อไปนี้:
Protocol: // ชื่อโดเมน / เส้นทางไปยังแฟ้ม
ตัวอย่างที่อยู่ของเครื่องมือค้นหายอดนิยมในอเมริกา: https://aol.com - absolute เนื่องจากมีชื่อโดเมน .com
การเชื่อมโยงหลายมิติแบบสัมบูรณ์ใช้เพื่อนำทางไปยังหน้าต่างๆของไซต์อื่น ๆ หรือเพื่อเข้าถึงทรัพยากรที่อยู่บนเซิร์ฟเวอร์เครื่องอื่น การเปลี่ยนแปลงนี้ดำเนินการโดยใช้โปรโตคอลอินเทอร์เน็ต โปรโตคอลไม่ได้เป็นเรื่องของบทความนี้ แต่เนื่องจากพวกเขามีส่วนร่วมในการสร้างการเชื่อมโยงหลายมิติจึงเป็นสิ่งที่จำเป็นอย่างน้อยสั้น ๆ เพื่อพูดถึงพวกเขา
- Http และ https เป็น ส่วนใหญ่; ในพวกเขามีการเปลี่ยนแปลงระหว่างหน้าอินเทอร์เน็ตของเว็บไซต์ต่างๆ
- Ftp - โปรโตคอลสำหรับอัพโหลดไฟล์ไปยังเซิร์ฟเวอร์หรือดาวน์โหลดโดยผู้ใช้จากเว็บไซต์;
- Mailto เป็น โปรโตคอลอีเมลที่ส่งอีเมลโดยตรงจากไซต์โดยไม่ต้องเข้าถึงอีเมลส่วนตัวของคุณ
มีโปรโตคอลพิเศษอื่น ๆ อีกหลายอย่าง (gopher, telnet) ซึ่งหายากมากซึ่งการใช้ต้องมีความรู้พิเศษในการเขียนโปรแกรมหรือการบริหารระบบ
การเชื่อมโยงหลายมิติสัมพัทธ์
การใช้ไฮเปอร์ลิงก์ในรูปแบบ HTML ช่วยในการเปลี่ยนเส้นทางภายในรีซอร์สและไม่ได้นำไปสู่ความเป็นไปได้ หากหน้ามีขนาดใหญ่ที่แถบเลื่อนแนวตั้งทำงานบางครั้งนานมากเช่นเดียวกับในพจนานุกรมจะสะดวกและเหมาะสมที่จะใช้ลิงก์สัมพัทธ์เพื่อข้ามไปยังตัวอักษรที่ต้องการได้อย่างรวดเร็ว
การสร้างพจนานุกรมอินเทอร์เน็ตโปรแกรมเมอร์ที่เริ่มต้นของหน้ามีตัวอักษรและหากไม่ใช้สำหรับลิงก์ผู้ใช้จะต้องหมุนล้อเลื่อนเป็นเวลานานเพื่อไปที่ตัวอักษร "ฉัน"
เมื่อต้องการสร้างการอ้างอิงแบบสัมพัทธ์ให้ใช้แอ็ตทริบิวต์ name ของ tag:
ที่ คุณ เรียกว่า สมอ และ ไปที่ตัวอักษร I - จุดยึดของจุดหมาย สำหรับการแสดง anchor ที่ถูกต้องขอแนะนำให้ใช้อักษรละตินและตัวเลขดังนั้นอย่าเขียน "I" แม้ว่าจะเป็นเรื่องที่เข้าใจได้มากกว่า
ตอนนี้เพื่อให้การเปลี่ยนจากตัวอักษรในตอนต้นของหน้าไปเป็นตัวอักษร "I" คุณต้องยึด anchor ไว้ในตำแหน่งของเอกสาร HTML ซึ่งในคำเริ่มต้นด้วยตัวอักษร "I":
ก่อนที่จะยึดเป็นสัญญาณของตะแกรงโดยที่การเปลี่ยนไปใช้ตัวอักษรจะไม่ทำงาน
ที่อยู่สัมพันธ์เมื่อสร้างไซต์
อัลกอริทึมที่สะดวกและใช้กันทั่วไปในการสร้างเว็บไซต์โดยโปรแกรมเมอร์:
- สร้างโฟลเดอร์ในคอมพิวเตอร์และวางตำแหน่งไว้ในตำแหน่งที่เข้าถึงได้อย่างรวดเร็วเพื่อความสะดวก
- สร้างในโฟลเดอร์นี้หน้าหลักของ index.html เว็บไซต์;
- การสร้างหน้าเว็บรอง (index.html / page2);
- การสร้างโฟลเดอร์และวางไฟล์ภาพในนั้น
- การสร้างโฟลเดอร์และวางวัตถุอื่น ๆ ในนั้น (เช่นไฟล์สำหรับดาวน์โหลด);
- การกรอกข้อมูลไซต์ด้วยเนื้อหา
- วางไฟล์ไซต์ไว้ในโฮสติ้ง
จำเป็นต้องใช้ลิงก์สำหรับการติดต่อสื่อสารระหว่างองค์ประกอบของไซต์และโอกาสที่จะรู้วิธีใส่ลิงก์เชื่อมโยงหลายมิติใน HTML ในหน้าอื่นของไซต์เดียวกัน หากไฟล์ไซต์อยู่ในไดเร็กทอรีเดียวกันบนเซิร์ฟเวอร์เดียวกันคุณไม่จำเป็นต้องใช้ที่อยู่แบบสัมบูรณ์ เมื่อถ่ายโอนไฟล์ไซต์ไปยังโฮสติ้งการเชื่อมต่อระหว่างวัตถุจะถูกเก็บรักษาไว้เนื่องจากจะมีการจัดเก็บไว้ในไดเรกทอรีเดียวกันบนโฮสติ้ง
สมมติว่าโปรแกรมเมอร์สร้างหน้าหลักของ index.html ซึ่งมีลิงก์ไปยังหน้าอื่น page2.html ตกแต่งด้วยภาพ img.png จากนั้นเส้นทางญาติไปที่ภาพนี้จะมีลักษณะดังนี้:
เคล็ดลับ: เมื่อศึกษาหัวข้อนี้คุณควรใช้โปรแกรมแก้ไขข้อความอย่างง่ายเพราะคุณจำเป็นต้องมีทักษะในการสะกดที่อยู่อย่างถูกต้องและเรียนรู้วิธีจัดการกับรหัสของผู้อื่น ในขั้นตอนนี้การเชื่อมโยงหลายมิติที่เขียนอย่างดีในโน้ตบุ๊คจะเป็นผลดีโดยไม่มีข้อผิดพลาด HTML ไม่ให้อภัยและก่อให้เกิดข้อผิดพลาด
วิธีนำทางผ่านการเชื่อมโยงหลายมิติ
โดยค่าเริ่มต้นหน้าใหม่จะเปิดขึ้นในหน้าต่างเบราเซอร์ปัจจุบันเมื่อผู้ใช้คลิกที่ลิงค์ แต่โปรแกรมเมอร์เว็บสามารถเปลี่ยนค่าดีฟอลต์และบังคับให้เพจเปิดตัวอย่างเช่นในหน้าต่างใหม่ ในการทำเช่นนี้คุณจะมีแอตทริบิวต์ เป้าหมายที่ มีค่าเฉพาะ ซึ่งสามารถแสดงได้ชัดเจนที่สุดในตาราง
| _ blank | เปิดหน้าเว็บในหน้าต่างเบราเซอร์ใหม่ |
| _self | เปิดหน้าในหน้าต่างปัจจุบัน (ค่าดีฟอลต์) |
| _parent | เปิดหน้าเว็บในเฟรมหลัก |
| _top | เมื่อใช้เฟรมจะยกเลิกการทำงานทั้งหมดและเปิดหน้าเว็บในหน้าต่างเบราเซอร์ปัจจุบัน |
ไวยากรณ์สำหรับการใช้แอ็ตทริบิวต์ target คือ :
target = "_ blank"> หน้าแรกของ Google
หน้าแรก "Google" จะเปิดในหน้าต่างใหม่
หมายเหตุ: เพื่อเปิดหน้าเว็บในแท็บใหม่ไม่มีค่าสำหรับแอ็ตทริบิวต์นี้ แต่ผู้ใช้กำหนดโดยผู้ใช้ในการตั้งค่าเบราเซอร์
สีของการเชื่อมโยงหลายมิติ
ผู้ใช้อินเทอร์เน็ตที่มีประสบการณ์กับเวลาควรสังเกตว่าการเชื่อมโยงหลายมิติแตกต่างจากสีของข้อความโดยรอบและโดยปกติแล้วจะเป็นสีฟ้า ลิงก์โดยที่เขาผ่านและกลับไปที่หน้าก่อนหน้านี้กลายเป็นสีม่วง การใช้การเชื่อมโยงหลายมิติในรูปแบบ HTML ในโทนสีที่ไม่ได้มาตรฐานไม่มากนัก แต่จะเน้นไซต์ในส่วนที่เหลือ
สีของลิงก์ในแท็ก
จะถูกระบุโดยใช้แอตทริบิวต์และค่าซึ่งสี HTML จะปรากฏในระบบ rgb (# 00FF00) หรือมีการระบุชื่อสี ("สีเขียว") โดยตรง มีแอตทริบิวต์สามแบบสำหรับลิงก์:- Link - กำหนดสีของลิงก์ที่ไม่ได้บันทึกไว้
- Vlink - กำหนดสีของลิงก์ที่ผู้ใช้ได้เปลี่ยนไปแล้ว
- Alink - กำหนดสีของลิงก์ในขณะที่เปลี่ยนไปใช้หน้าอื่น เหตุการณ์นี้เกิดขึ้นอย่างรวดเร็วดังนั้นคุณจึงไม่สามารถจับผลกระทบนี้ได้ตลอดเวลา
ตัวอย่างของมาร์กอัป:
หากคุณใช้แอตทริบิวต์เหล่านี้ในแท็ก
ลิงก์ของเอกสารเว็บนี้จะเป็นสีน้ำเงินเข้มเยี่ยมชม - ม่วงและใช้งานอยู่ - สีส้มแดงกราฟิกเชื่อมโยงหลายมิติ
ความคืบหน้าและการพัฒนาเว็บดีไซน์ต้องการให้คุณรู้วิธีแทรกลิงก์เชื่อมโยงไปยัง HTML เป็นภาพ เห็นได้ชัดว่าภาพต้องตรงกับเนื้อหาของหน้าปลายทาง ตัวอย่างเช่นหน้าหลักของเว็บไซต์เกี่ยวกับพืชสมุนไพรสามารถนำเสนอในรูปแบบของภาพของพืชคลิกที่ผู้ใช้จะไปที่หน้าซึ่งอธิบายถึงคุณสมบัติทางสมุนไพรของพืช
ใช้กันอย่างแพร่หลายคือวิธีการแทนที่ปุ่มแบบคงที่ () ด้วยกราฟิกที่สวยงามที่สร้างโดยนักออกแบบเว็บไซต์ในเครื่องมือแก้ไขกราฟิก (GIMP, Photoshop)
หากต้องการแทรกกราฟิกเป็นไฮเปอร์ลิงก์ไปยังหน้าเว็บของเว็บไซต์จะมีการใช้ไวยากรณ์เดียวกัน แต่แทนที่ข้อความจะใช้แท็กการแทรกรูปภาพตามกฎ HTML:
ใน แท็ก แอตทริบิวต์ของการระบุข้อความทางเลือกความกว้างความสูงและอื่น ๆ จะใช้ในลักษณะเดียวกัน
โทรจากไซต์
มาตรฐาน HTML5 ได้ขยายการทำงานของการใช้อินเทอร์เน็ตแล้วและตอนนี้คุณสามารถโทรได้ไม่เพียง แต่จากโทรศัพท์เท่านั้น แต่สามารถใช้งานได้โดยตรงจากไซต์ ด้วยเหตุนี้คุณสามารถใช้ไฮเปอร์ลิงก์ในเอกสาร HTML และมีไวยากรณ์ดังนี้
แทนที่จะเป็นคำว่า "subscriber" ผู้ติดต่อจะถูกเรียกไปยังผู้โทรเช่นเดียวกับในสมุดโทรศัพท์ นอกจากนี้คุณยังสามารถวางไฟล์กราฟิก (ภาพของสมาชิก)
ในการโทรออกจากเว็บไซต์คุณจำเป็นต้องเชื่อมโยงกับหมายเลขโทรศัพท์ของผู้ใช้บริการเท่านั้น แต่ยังต้องใช้ชุดหูฟัง (ไมโครโฟน, หูฟัง) ที่ติดตั้งไว้ในโปรแกรม VoIP ของคอมพิวเตอร์ความเร็วอินเตอร์เน็ตควรเกิน 0.5 Mb / sec การชำระเงินสำหรับการโทรจะดำเนินการโดยค่าใช้จ่ายของการจราจร ดังนั้นหากอินเทอร์เน็ตไม่ จำกัด การโทรก็ฟรี
จริยธรรมในการสร้างการเชื่อมโยงหลายมิติ
โดยการวางไซต์บนอินเทอร์เน็ตผู้ดูแลเว็บควรทราบว่ามีการเชื่อมโยงหลายมิติอยู่ใน HTML และไม่เพียง แต่ใช้อย่างถูกต้องใช้งานอย่างมืออาชีพ แต่ต้องปฏิบัติตามข้อกำหนดต่อไปนี้ด้วย
- การเชื่อมโยงหลายมิติต้องสามารถมองเห็นได้ชัดเจนแตกต่างจากข้อความโดยรอบ ผู้ใช้ควรทราบว่านี่คือการเชื่อมโยงหลายมิติ
- ผู้ใช้ควรเข้าใจซึ่งเขาจะได้รับโดยการคลิกที่ลิงค์ ในการทำเช่นนี้ขอแนะนำให้ใช้แอตทริบิวต์ title ซึ่งอธิบายหน้าการเปลี่ยนผ่านอย่างละเอียด ไวยากรณ์สำหรับการใช้แอ็ตทริบิวต์คือ:
title = ความเป็นส่วนตัวอินเทอร์เน็ตพอร์ทัล Yandex
- ผู้ใช้ควรได้รับข้อมูลจริงเกี่ยวกับไฟล์ที่จะดาวน์โหลดเมื่อคลิกที่ลิงค์
หลังจากไม่ได้อยู่ในหน้าเว็บที่คาดไว้หรือดาวน์โหลดไฟล์ผิดผู้ใช้ใน 99% ของคดีจะออกจากไซต์และในอนาคตจะไม่สามารถเข้าดูได้
Anti-Seo เมื่อสร้างไฮเปอร์ลิงค์
นอกเหนือจากด้านเทคนิคของคำถามเกี่ยวกับวิธีใส่ลิงก์เชื่อมโยงหลายมิติลงใน HTML แล้วเราควรเน้นด้านจริยธรรมด้วย มีหลายไซต์การเข้าถึงที่ผู้ใช้ถูกบล็อกโดยโปรแกรมรักษาความปลอดภัย (โปรแกรมป้องกันไวรัส) หรือแม้กระทั่งรัฐ นี่เป็นเว็บไซต์ที่สร้างขึ้นโดยนักพัฒนาเว็บที่ไม่สะอาด
หนึ่งในเทคนิคที่พวกเขาทำเป็นรีสอร์ทคือการแทรกลิงก์ "มองไม่เห็น" ไว้ในหน้าเว็บ Scammers ทราบวิธีสร้างลิงก์เชื่อมโยงหลายมิติใน HTML และใช้แอตทริบิวต์เพื่อลบเครื่องหมายขีดล่างของลิงก์และกำหนดสีของข้อความโดยรอบเพื่อให้ผู้ใช้ทั่วไปไม่เห็น และด้วยความช่วยเหลือของเครื่องมือเว็บเทคโนโลยีอื่น ๆ (CSS, JavaScript, PHP) คุณสามารถตั้งค่าพฤติกรรมของตนเองได้ ตัวอย่างเช่นเหตุการณ์ OnMouseOver JavaScript เปิดใช้งานการทำงานขององค์ประกอบเว็บเพจ เมื่อผู้ใช้เลื่อนเคอร์เซอร์ไปที่ลิงก์ที่มองไม่เห็นจะเข้าชมหน้าโฆษณาของไซต์อื่น หรือยิ่งแย่ลงเมื่อมีลิงก์ที่มองไม่เห็นไปยังไฟล์และในคอมพิวเตอร์ของเขาจะเริ่มดาวน์โหลดและติดตั้งซอฟต์แวร์ที่ไม่จำเป็น โดยปกติแล้วไวรัสเหล่านี้คือไวรัสที่เปลี่ยนหน้าแรกของเบราว์เซอร์ถ่วงฮาร์ดดิสก์ที่มีโปรแกรมและสิ่งต่างๆมากมาย
เร็ว ๆ นี้เว็บไซต์ดังกล่าวตกอยู่ใน "รายชื่อดำ" ของฐานข้อมูลไวรัสระบบรักษาความปลอดภัยและในหมู่ผู้ใช้อินเทอร์เน็ตด้วยตัวเอง ไซต์ดังกล่าวไม่ได้ใช้งานมานานและพวกเขาต้องเปลี่ยนชื่อโดยไม่ต้องพึ่งพาการโยกย้ายไปทั่วอินเทอร์เน็ตโดยเปลี่ยนผู้ให้บริการโฮสต์ ไม่สนับสนุนการโปรโมตไซต์ซึ่งเป็นที่ต้องการของผู้สร้างเสมอไปจะไม่ทำให้เป็น megaportal เช่นเครือข่ายทางสังคม เหนือสิ่งอื่นใดเทคนิคดังกล่าวก่อให้เกิดอารมณ์เชิงลบมากมายในคนที่ได้รับผลกระทบจากการกระทำเหล่านี้
Similar articles
Trending Now