คำถามติดแท็ก anchor

Anchor (<a> ... </a>) คือองค์ประกอบ HTML ที่ใช้เพื่อกำหนดการเชื่อมโยงระหว่างองค์ประกอบปัจจุบัน (จุดยึด) และปลายทาง (URI)

30
จะสร้างปุ่ม HTML ที่ทำหน้าที่เหมือนลิงค์ได้อย่างไร?
มีอะไรให้คุณบ้างStack Overflow ที่อยู่ : Каксоздать HTML-кнопку, котораябудетвестисебя, какгиперсылка? ฉันต้องการสร้างปุ่ม HTML ที่ทำหน้าที่เหมือนลิงก์ ดังนั้นเมื่อคุณคลิกปุ่มมันจะเปลี่ยนเส้นทางไปยังหน้า ฉันต้องการให้เข้าถึงได้มากที่สุด ฉันต้องการเช่นกันดังนั้นจึงไม่มีอักขระพิเศษหรือพารามิเตอร์ใน URL ฉันจะบรรลุสิ่งนี้ได้อย่างไร จากคำตอบที่โพสต์จนถึงขณะนี้ฉันกำลังทำสิ่งนี้: &lt;form method="get" action="/page2"&gt; &lt;button type="submit"&gt;Continue&lt;/button&gt; &lt;/form&gt; แต่ปัญหานี้คือในSafariและInternet Explorerจะเพิ่มอักขระเครื่องหมายคำถามไว้ที่ส่วนท้ายของ URL ฉันต้องการค้นหาวิธีแก้ไขที่ไม่เพิ่มอักขระใด ๆ ลงในส่วนท้ายของ URL มีอีกสองวิธีในการทำเช่นนี้: การใช้ JavaScript หรือจัดแต่งทรงผมลิงก์ให้ดูเหมือนปุ่ม ใช้ JavaScript: &lt;button onclick="window.location.href='/page2'"&gt;Continue&lt;/button&gt; แต่สิ่งนี้ต้องมี JavaScript และด้วยเหตุนี้จึงทำให้ผู้อ่านหน้าจอเข้าถึงได้น้อยลง จุดเชื่อมโยงคือการไปที่หน้าอื่น ดังนั้นการพยายามทำปุ่มให้เหมือนลิงค์เป็นทางออกที่ผิด คำแนะนำของฉันคือการที่คุณควรใช้การเชื่อมโยงและรูปแบบให้มีลักษณะเหมือนปุ่ม &lt;a href="/link/to/page2"&gt;Continue&lt;/a&gt;

18
คุณจะตรวจสอบ #hash ใน URL โดยใช้ JavaScript ได้อย่างไร
ฉันมีรหัส jQuery / JavaScript ที่ฉันต้องการเรียกใช้เฉพาะเมื่อมีแฮ็ก ( #) ลิงค์ยึดใน URL คุณจะตรวจสอบอักขระนี้โดยใช้ JavaScript ได้อย่างไร ฉันต้องการการทดสอบทั้งหมดที่จับได้ง่ายซึ่งจะตรวจพบ URL ดังนี้: example.com/page.html#anchor example.com/page.html#anotheranchor โดยทั่วไปบางสิ่งบางอย่างตามแนวของ: if (thereIsAHashInTheUrl) { do this; } else { do this; } หากใครสามารถชี้ให้ฉันในทิศทางที่ถูกต้องนั่นจะเป็นที่ชื่นชมมาก


27
ทำให้ div เป็นลิงก์
ฉันมี&lt;div&gt;บล็อกที่มีเนื้อหาภาพแฟนซีที่ฉันไม่ต้องการเปลี่ยน ฉันต้องการให้เป็นลิงก์แบบคลิกได้ ฉันกำลังมองหาสิ่งที่ชอบ&lt;a href="…"&gt;&lt;div&gt; … &lt;/div&gt;&lt;/a&gt;แต่นั่นคือ XHTML 1.1 ที่ถูกต้อง
545 css  html  xhtml  anchor 


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

8
จะเปิดลิงค์ในแท็บใหม่บน html ได้อย่างไร
ฉันกำลังทำงานในโครงการ HTML และฉันไม่สามารถหาวิธีเปิดลิงก์ในแท็บใหม่โดยไม่มีจาวาสคริปต์ ฉันรู้อยู่แล้วว่า&lt;a href="http://www.WEBSITE_NAME.com"&gt;&lt;/a&gt;เปิดลิงค์ในแท็บเดียวกัน ความคิดใดที่จะทำให้มันเปิดในใหม่ได้หรือไม่

30
ส่วนหัวของหน้าคงทับซ้อนกับจุดยึดในหน้า
หากฉันมีส่วนหัวที่ไม่เลื่อนในหน้า HTML จับจ้องไปที่ด้านบนมีความสูงที่กำหนด: มีวิธีใช้ตัวยึด URL ( #fragmentส่วน) เพื่อให้เบราว์เซอร์เลื่อนไปยังจุดที่แน่นอนในหน้า แต่ยังคงเคารพความสูงขององค์ประกอบคงที่โดยความช่วยเหลือของ JavaScriptหรือไม่ http://foo.com/#bar ผิด (แต่เป็นพฤติกรรมปกติ): ถูกต้อง: + --------------------------------- + + -------------- ------------------- + | BAR /////////////////////// ส่วนหัว | | //////////////////////// // ส่วนหัว | + --------------------------------- + + -------------- ------------------- + | นี่คือส่วนที่เหลือของข้อความ | | บาร์ | | ... | | | | …
358 html  url  anchor  fragment 

27
วิธีจัดการกับการเชื่อมโยงแฮช Anchor ใน AngularJS
คุณใด ๆ รู้วิธีจัดการการเชื่อมโยงแฮ็กสมอในAngularJS ? ฉันมีมาร์กอัปต่อไปนี้สำหรับหน้าคำถามที่พบบ่อยอย่างง่าย &lt;a href="#faq-1"&gt;Question 1&lt;/a&gt; &lt;a href="#faq-2"&gt;Question 2&lt;/a&gt; &lt;a href="#faq-3"&gt;Question 3&lt;/a&gt; &lt;h3 id="faq-1"&gt;Question 1&lt;/h3&gt; &lt;h3 id="faq-2"&gt;Question 2&lt;/h3&gt; &lt;h3 id="fa1-3"&gt;Question 3&lt;/h3&gt; เมื่อคลิกที่ลิงค์ด้านบนใด ๆ AngularJS จะสกัดกั้นและกำหนดเส้นทางให้ฉันไปยังหน้าอื่นอย่างสมบูรณ์ (ในกรณีของฉันหน้า 404 เนื่องจากไม่มีเส้นทางที่ตรงกับลิงก์) ความคิดแรกของฉันคือการสร้างการจับคู่เส้นทาง " / faq /: ตอน " และในการตรวจสอบตัวควบคุมที่เกี่ยวข้อง$routeParams.chapterหลังจากองค์ประกอบที่ตรงกันแล้วใช้ jQuery เพื่อเลื่อนลงไป แต่แล้ว AngularJS ก็มาหาฉันอีกแล้วเลื่อนไปที่ด้านบนของหน้า ดังนั้นทุกคนที่นี่ทำสิ่งที่คล้ายกันในอดีตและรู้วิธีแก้ปัญหาที่ดีหรือไม่ แก้ไข: การเปลี่ยนเป็น html5Mode ควรแก้ปัญหาของฉัน แต่เราต้องรองรับ IE8 …

17
วิธีการเลื่อนหน้า HTML เพื่อยึดที่กำหนด?
ฉันต้องการให้เบราว์เซอร์เลื่อนหน้าไปที่จุดยึดที่กำหนดเพียงใช้ JavaScript ฉันได้ระบุnameหรือidแอตทริบิวต์ในรหัส HTML ของฉัน: &lt;a name="anchorName"&gt;..&lt;/a&gt; หรือ &lt;h1 id="anchorName2"&gt;..&lt;/h1&gt; http://server.com/path#anchorNameฉันต้องการที่จะได้รับผลเช่นเดียวกับที่คุณจะได้รับโดยไปที่ หน้าควรเลื่อนเพื่อให้สมออยู่ใกล้กับส่วนบนของส่วนที่มองเห็นได้ของหน้า


8
จุดยึดแท็กที่ไม่มีแอตทริบิวต์ href ปลอดภัยหรือไม่
การใช้แท็กจุดยึดโดยไม่ต้องมีhrefแอตทริบิวต์และใช้ตัวจัดการเหตุการณ์คลิก JavaScript แทนหรือไม่ ดังนั้นฉันจะละเว้นhrefอย่างสมบูรณ์แม้จะว่างเปล่า ( href="")



14
วิธีการเลื่อนหน้าขึ้นหรือลงไปที่จุดยึดโดยใช้ jQuery
ฉันกำลังมองหาวิธีรวมเอฟเฟกต์แบบสไลด์สำหรับเมื่อคุณคลิกลิงก์ไปยังจุดยึดในเครื่องไม่ว่าจะขึ้นหรือลงของหน้า ฉันต้องการบางสิ่งที่คุณมีลิงก์: &lt;a href="#nameofdivetc"&gt;link text, img etc.&lt;/a&gt; อาจมีการเพิ่มคลาสเพื่อให้คุณรู้ว่าคุณต้องการให้ลิงค์นี้เป็นลิงค์เลื่อน: &lt;a href="#nameofdivetc" class="sliding-link"&gt;link text, img etc.&lt;/a&gt; จากนั้นหากคลิกที่ลิงค์นี้หน้าจะเลื่อนขึ้นหรือลงไปยังตำแหน่งที่ต้องการ (อาจเป็น div, หัวเรื่อง, ด้านบนของหน้า ฯลฯ ) นี่คือสิ่งที่ฉันเคย: $(document).ready(function(){ $(".scroll").click(function(event){ //prevent the default action for the click event event.preventDefault(); //get the full url - like mysitecom/index.htm#home var full_url = this.href; //split the url by # and …

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.