วิธีการกำหนดและใช้สมอ HTML ได้ไหม?

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

ลักษณะ

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

การมอบหมาย

เพื่อสร้างบุ๊กถึงสองวิธีที่แตกต่างกันสามารถนำมาใช้ที่นี่ ครั้งแรกคือการใช้ชื่อแอตทริบิวต์และในกรณีที่สองคุณต้องใช้แอตทริบิวต์รหัส ต่อไปเราจะดูที่แต่ละวิธีการแยก การเปลี่ยนแปลงที่เกิดขึ้นในทั้งสองกรณีโดยวิธีการของ«»แท็กที่มีแอตทริบิวต์ที่มีชื่อหรือตัวระบุ ตัวอย่างเช่น: « a href = http: // เว็บไซต์ / บทความ / 106223 /% E2% 80% 9D # ท้าย% E2% 80% 9D% C2% BB สัญลักษณ์ # บอกเบราว์เซอร์ที่เชื่อมโยงจะนำมาทอดสมอ

ชื่อ

ชื่อแอตทริบิวต์ที่ถูกออกแบบมาโดยเฉพาะเพื่อสร้างจุดยึดบนหน้าเว็บ ค่าของมันอาจเป็นข้อความใด ๆ สมอ HTML นี้สามารถใช้ร่วมกับแท็ก«»

ตัวอย่างเช่นคุณต้องการที่จะสร้างบุ๊กในตอนท้ายของหน้าเว็บของคุณ คุณจำเป็นต้องวางแท็ก«ชื่อ = 'ส่วนท้าย' »«/ a»ในส่วนที่ต้องการของเอกสารจากเว็บ ในพื้นที่ของหน้าอื่นคุณจะต้องสร้างการเชื่อมโยงไปยังผู้ประกาศข่าวเพื่อวัตถุประสงค์นี้เพิ่มรายการ«a href = http: // เว็บไซต์ / บทความ / 106223 /% E2% 80% 9D # ท้าย"»ลิงค์«/ a» เมื่อคุณคลิกที่เบราว์เซอร์ของรายการนี้โดยอัตโนมัติจะนำคุณไปส่วนหนึ่งของเอกสารที่มีแท็บท้าย

ID

ก่อนขอบอกว่า ID - ตัวระบุที่ไม่มีวัตถุประสงค์โดยตรงสำหรับการสร้างแองเคอ แต่มันช่วยให้คุณสร้างบุ๊กในทุกพื้นที่ของเอกสารโดยไม่ต้องสร้างการเชื่อมโยงเพิ่มเติม นั่นคือคุณสามารถใช้แอตทริบิวต์รหัสเพื่อองค์ประกอบ HTML ใด ๆ แล้วใช้«»อ้างถึงแท็กกับมัน นี่คือตัวอย่าง: องค์ประกอบ«P»ตั้งอยู่ในช่วงกลางของเอกสาร ที่จะไปได้จากจุดเริ่มต้นของหน้าโดยไม่ต้องใช้แถบเลื่อนเพิ่ม ID แอตทริบิวต์: «หน้า id = 'Centr' »«/ p» แล้วสร้างการเชื่อมโยง: « a href = http: // เว็บไซต์ / บทความ / 106223 /% E2% 80% 9D # Centr% E2% 80% 9D% C2% BB% D0% A2% D0% B5% D0% BA% D1 % 81% D1% 82% C2% AB% 2FA% C2% BB ดังนั้นเราจึงสามารถเข้าถึงได้ง่ายเพื่อเป็นส่วนหนึ่งของเอกสารใด ๆ ค่าของแอตทริบิวต์ ID สามารถเป็นข้อความใด ๆ

ใช้อย่างมีประสิทธิภาพ

สมอลิงค์ HTML มากมักจะใช้สำหรับการก่อสร้างของตราสารนำทาง ตัวอย่างเช่นหน้ามีเป็นจำนวนมากของข้อมูลที่เป็นข้อความซึ่งจะแบ่งออกเป็นย่อหน้าที่แยกต่างหากหรือบท กับผู้เข้าชมมันก็สะดวกในการใช้เว็บไซต์ที่คุณสามารถสลับไปยังแยกส่วนของเอกสารที่คุณต้องการกำหนดบุ๊ก ด้วยเหตุนี้แต่ละบทสร้างสมอเชื่อมโยงหรือใช้บัตรประจำตัวประชาชน แถบนำทางด้านบนจะทำอะไรกับเนื้อหาของการเชื่อมโยงทั้งหมด ข้อเท็จจริงที่น่าสนใจก็คือว่าสมอสามารถอ้างอิงจากหน้าเว็บอื่น ๆ มันก็เพียงพอที่จะเพิ่มในส่วนท้ายของค่าอ้างอิงของคุณลักษณะชื่อหรือบัตรประจำตัว อย่าลืมที่จะเพิ่มสัญลักษณ์ # โครงการก็จะมีลักษณะเช่นนี้หลักชื่อลิงค์ # (ID)

ข้อสรุป

Anchor HTML - มันมีประโยชน์มากและในบางกรณีแม้องค์ประกอบที่จำเป็น ในบทความนี้ผมได้นำเสนอเพียงหนึ่งตัวอย่างของการใช้งานที่มีประสิทธิภาพ แต่ในความเป็นจริงชนิดของบุ๊กนี้สามารถนำมาใช้ในหลาย ๆ สถานการณ์ สิ่งที่สำคัญ - ที่จะเข้าใจความคิดพื้นฐานของพวกเขา