วิธีเชื่อมโยงไปยังส่วนเฉพาะของ HTML ของหน้า

เมื่อใดก็ตามที่คุณคลิก URL เบราว์เซอร์จะเปิดขึ้นในแท็บใหม่จากนั้นจะพาคุณไปที่ด้านบนสุดของหน้าเว็บจริงๆ แต่ถ้าพวกคุณต้องการไปที่ส่วนใดส่วนหนึ่งของหน้าเว็บ เช่นเดียวกับรายการในวัยเด็กสตีฟจ็อบส์ใน Wikipedia หรือโพสต์บน Facebook หรือคำถามใน Stack Exchange เช่นกัน วิธีนี้ทำให้ผู้ชมของคุณไม่ต้องเสียเวลาในการสำรวจเว็บไซต์จริงๆ ในบทความนี้เราจะพูดถึงวิธีการเชื่อมโยงไปยังส่วนเฉพาะของ HTML ของหน้า

วิธีเชื่อมโยงไปยังส่วนเฉพาะของ HTML ของหน้า

ใช้แท็ก ID

เพียงแค่บอกว่าคุณกำลังเขียนบทความโดยที่พวกคุณกำลังเชื่อมโยงไปยังคำตอบเฉพาะจาก StackOverflow ซึ่งแตกต่างจาก Reddit ตรงที่ไม่มีลิงก์ถาวรใน StackOverflow ดังนั้นคุณจะต้องแก้ไขโค้ด HTML ด้วยตนเองเช่นกัน

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

วิธีรูทพิกเซลค

มันจะแสดงโค้ด HTML ให้คุณมองหาแท็ก ID หรือตัวเลือกค่า เมื่อคุณพบแล้วให้คัดลอกลงในคลิปบอร์ดของคุณ จากนั้นใช้ URL ของหน้าเว็บแล้วต่อท้ายไฟล์ #ID ในตอนท้ายของมัน

ตัวอย่างเช่นหาก URL ของหน้าคือ -

http://stackoverflow.com/questions/214741/what-is-a-stackoverflowerror

จากนั้น ID ของมันคือ - 29279234 จากนั้นกระโดด URL จะกลายเป็น -

http://stackoverflow.com/questions/214741/what-is-a-stackoverflowerror#29279234 

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

ส่วนขยาย Chrome | วิธีเชื่อมโยงไปยังส่วนเฉพาะของ HTML ของหน้า

ในการอัปเดต Chrome ล่าสุด Google ขณะนี้การค้นหาจะเน้นข้อความที่ค้นหาบนหน้าเว็บเพื่อให้ผู้อ่านง่ายขึ้น ดังนั้นสำหรับนักพัฒนาเว็บเพื่อให้ง่ายต่อการเชื่อมโยงไปยังข้อความเฉพาะบนหน้าเว็บจริง Google จึงเปิดส่วนขยาย Chrome Link to Text Fragment

ป๊อปคอร์นเวลา android chromecast

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

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

เฟสบุ๊ค

หากต้องการลิงก์ไปยังโพสต์เฉพาะในเว็บไซต์ที่มีชื่อเสียงเช่น Facebook, Twitter หรือแม้แต่ Stack Exchange เป็นต้นเพียงแค่มองหาการประทับเวลาของโพสต์ เมื่อคุณพบแล้วให้คลิกขวาและคัดลอก URL ด้วย ตอนนี้ถ้าคุณวาง URL ในแท็บใหม่คุณจะเห็นเฉพาะโพสต์นั้น วิธีนี้ใช้ได้กับเว็บไซต์ส่วนใหญ่ที่ใช้การประทับเวลา

Wikipedia

หากพวกคุณเชื่อมโยงหน้าวิกิบ่อยๆคุณสามารถเชื่อมโยงส่วนนี้ได้อย่างง่ายดายผ่านการคัดลอกลิงก์ในส่วนเนื้อหา

สรุป

เอาล่ะนั่นคือคนทั้งหมด! ฉันหวังว่าพวกคุณจะชอบวิธีการเชื่อมโยงไปยังส่วนใดส่วนหนึ่งของบทความ HTML ของหน้าและพบว่ามีประโยชน์กับคุณด้วย ให้ข้อเสนอแนะของคุณกับเรา นอกจากนี้หากพวกคุณมีข้อสงสัยและปัญหาเพิ่มเติมเกี่ยวกับบทความนี้ จากนั้นแจ้งให้เราทราบในส่วนความคิดเห็นด้านล่าง เราจะติดต่อกลับโดยเร็ว

วิธีดาวน์โหลดวิดีโอที่ไม่ลงรอยกันบน iPhone

ขอให้มีความสุขในวันนี้!

ดูเพิ่มเติม: วิธีต่างๆในการสร้าง Photo Square โดยใช้เครื่องมือออนไลน์ (อย่าครอบตัด)