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

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


5
ฉันจะสร้างลิงค์ไปยังไฟล์ในเครื่องบนหน้าเว็บที่รันในเครื่องได้อย่างไร
ฉันต้องการมีไฟล์ html ที่จัดการไฟล์บางไฟล์ที่กระจัดกระจายอยู่ทั่วฮาร์ดไดรฟ์ของฉัน ตัวอย่างเช่นฉันมีสองไฟล์ที่ฉันจะเชื่อมโยงไปยัง: C:\Programs\sort.mw C:\Videos\lecture.mp4 ปัญหาคือฉันต้องการให้ลิงก์ทำงานเป็นทางลัดไปยังไฟล์ ฉันได้ลองทำสิ่งต่อไปนี้แล้ว: &lt;a href="C:\Programs\sort.mw"&gt;Link 1&lt;/a&gt; &lt;a href="C:\Videos\lecture.mp4"&gt;Link 2&lt;/a&gt; ... แต่ลิงก์แรกไม่ทำอะไรเลยและลิงค์ที่สองจะเปิดไฟล์ใน Chrome ไม่ใช่ VLC คำถามของฉันคือ: มีวิธีการปรับ HTML ของฉันเพื่อรักษาลิงค์เป็นทางลัดไปยังไฟล์หรือไม่ หากไม่มีวิธีในการปรับ HTML มีวิธีอื่นที่จะลิงก์ไปยังไฟล์ที่กระจัดกระจายไปทั่วฮาร์ดไดรฟ์อย่างเรียบร้อยหรือไม่? คอมพิวเตอร์ของฉันใช้ Windows 7 และเว็บเบราว์เซอร์ของฉันคือ Chrome
155 html  anchor  local-files 


4
ใช้ได้กับ <a> (แท็กจุดยึด) ที่ไม่มีแอตทริบิวต์ href หรือไม่
ฉันใช้ Twitter Bootstrap เพื่อสร้างเว็บไซต์และฟังก์ชั่นการใช้งานมากมายนั้นขึ้นอยู่กับการห่อสิ่งต่าง ๆ&lt;a&gt;แม้ว่าพวกเขาจะใช้ Javascript ก็ตาม ฉันมีปัญหากับhref="#"กลยุทธ์ที่เอกสารแนะนำ Bootstrap แนะนำดังนั้นฉันจึงพยายามหาวิธีแก้ไขปัญหาอื่น แต่แล้วฉันก็ลองลบhrefคุณลักษณะทั้งหมด ฉันใช้อยู่&lt;a class='bunch of classes' data-whatever='data'&gt;และให้ Javascript จัดการส่วนที่เหลือ และมันใช้งานได้ แต่มีบางอย่างกำลังบอกฉันว่าฉันไม่ควรทำเช่นนี้ ขวา? ฉันหมายความว่าในทางเทคนิค&lt;a&gt;ควรจะเชื่อมโยงกับบางสิ่งบางอย่าง แต่ฉันไม่แน่ใจว่าทำไมมันถึงมีปัญหา หรือมันคืออะไร?


11
ทำให้วัตถุ html svg ยังเป็นลิงค์ที่คลิกได้
ฉันมีวัตถุ SVG ในหน้า HTML ของฉันและฉันห่อมันในสมอดังนั้นเมื่อมีการคลิกที่ภาพ svg ผู้ใช้จะไปที่ลิงค์ของสมอ &lt;a href="http://www.google.com/"&gt; &lt;object data="mysvg.svg" type="image/svg+xml"&gt; &lt;span&gt;Your browser doesn't support SVG images&lt;/span&gt; &lt;/object&gt; &lt;/a&gt; เมื่อฉันใช้บล็อกรหัสนี้การคลิกวัตถุ svg ไม่ได้พาฉันไปที่ google ใน IE8 &lt;ข้อความขยายสามารถคลิกได้ ฉันไม่ต้องการแก้ไขภาพ svg ของฉันให้มีแท็ก คำถามของฉันคือฉันจะทำให้ภาพ svg คลิกได้อย่างไร
143 html  object  svg  anchor 

8
ใช้ลิงก์ href ภายในแท็ก <option>
ฉันมีรหัส HTML ต่อไปนี้: &lt;select name="forma"&gt; &lt;option value="Home"&gt;Home&lt;/option&gt; &lt;option value="Contact"&gt;Contact&lt;/option&gt; &lt;option value="Sitemap"&gt;Sitemap&lt;/option&gt; &lt;/select&gt; ฉันจะทำให้ค่าบ้านผู้ติดต่อและแผนผังไซต์เป็นลิงก์ได้อย่างไร ฉันใช้รหัสต่อไปนี้และตามที่คาดไว้มันไม่ทำงาน: &lt;select name="forma"&gt; &lt;option value="Home"&gt;&lt;a href="home.php"&gt;Home&lt;/a&gt;&lt;/option&gt; &lt;option value="Contact"&gt;&lt;a href="contact.php"&gt;Contact&lt;/a&gt;&lt;/option&gt; &lt;option value="Sitemap"&gt;&lt;a href="sitemap.php"&gt;Sitemap&lt;/a&gt;&lt;/option&gt; &lt;/select&gt;
139 html  forms  tags  anchor  option 

9
เป็นไปได้ไหมที่จะทำให้แท็ก Anchor HTML ไม่สามารถคลิกได้ / เชื่อมโยงได้โดยใช้ CSS?
เช่นถ้าฉันมีสิ่งนี้: &lt;a style="" href="page.html"&gt;page link&lt;/a&gt; มีสิ่งใดบ้างที่ฉันสามารถใช้สำหรับแอตทริบิวต์สไตล์ที่จะทำให้ลิงก์นั้นไม่สามารถคลิกได้และจะไม่พาฉันไปที่ page.html หรือเป็นตัวเลือกเดียวของฉันที่จะไม่ห่อ 'ลิงค์หน้า' ในแท็กสมอ? แก้ไข:ฉันต้องการระบุว่าทำไมฉันจึงต้องการทำเช่นนี้เพื่อให้ผู้คนสามารถให้คำแนะนำที่ดีกว่า ฉันกำลังพยายามตั้งค่าแอปพลิเคชันของฉันเพื่อให้ผู้พัฒนาสามารถเลือกรูปแบบการนำทางที่ต้องการ ดังนั้นฉันมีรายการลิงก์และมีการเลือกเสมอในขณะนี้และอื่น ๆ ทั้งหมดไม่ได้ สำหรับลิงก์ที่ไม่ได้เลือกฉันต้องการให้ลิงก์เหล่านั้นเป็นแท็กจุดยึดที่สามารถคลิกได้ปกติ แต่สำหรับลิงก์ที่เลือกบางคนต้องการให้ลิงก์ยังคงสามารถคลิกได้ในขณะที่คนอื่นต้องการให้คลิกไม่ได้ ตอนนี้ฉันสามารถเขียนโปรแกรมได้โดยไม่ต้องพันแท็กรอบลิงก์ที่เลือก แต่ฉันคิดว่ามันจะดูสง่างามกว่าถ้าฉันสามารถใส่ลิงค์ที่เลือกไว้ในลักษณะดังนี้: &lt;a id="current" href="link.html"&gt;link&lt;/a&gt; จากนั้นให้นักพัฒนาซอฟต์แวร์ควบคุมสไตล์การเชื่อมโยงผ่าน CSS
132 html  css  anchor 

5
กระโดดสมอโดยใช้จาวาสคริปต์
ฉันมีคำถามที่จะพบบ่อยมาก ปัญหาคือไม่มีที่ไหนสามารถหาวิธีแก้ปัญหาที่ชัดเจนได้ ฉันมีปัญหาสองประการเกี่ยวกับแองเคอร์ เป้าหมายหลักคือการได้รับ url ที่สะอาดโดยไม่ต้องแฮชใด ๆ ในขณะที่ใช้จุดยึดเพื่อข้ามไปยังหน้าเว็บ ดังนั้นโครงสร้างของพุกคือ: &lt;ul&gt; &lt;li&gt;&lt;a href="#one"&gt;One&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#two"&gt;Two&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#three"&gt;Three&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div class="wrap"&gt; &lt;a name="one"&gt;text 1&lt;/a&gt; &lt;a name="two"&gt;text 2&lt;/a&gt; &lt;a name="three" class="box"&gt;text 3&lt;/a&gt; &lt;/div&gt; โอเคถ้าคุณจะคลิกลิงค์ใดลิงค์หนึ่ง url จะเปลี่ยนเป็นโดยอัตโนมัติ www.domain.com/page#1 ในตอนท้ายควรเป็นเพียง: www.domain.com/page จนถึงตอนนี้ดีมาก ตอนนี้สิ่งที่สองคือเมื่อคุณค้นหาอินเทอร์เน็ตสำหรับปัญหานั้นคุณจะพบjavascriptวิธีแก้ปัญหา ฉันพบฟังก์ชันนี้แล้ว: function jumpto(anchor){ window.location.href = "#"+anchor; } และเรียกใช้ฟังก์ชันนั้นด้วย: &lt;a onclick="jumpto('one');"&gt;One&lt;/a&gt; อะไรจะเหมือนเดิม มันจะเพิ่มแฮชใน …


21
ทำให้จุดยึดลิงก์ไปที่พิกเซลเหนือจุดที่เชื่อมโยง
ฉันไม่แน่ใจว่าวิธีที่ดีที่สุดในการถาม / ค้นหาคำถามนี้: เมื่อคุณคลิกที่จุดยึดลิงก์ระบบจะนำคุณไปยังส่วนนั้นของเพจโดยตอนนี้พื้นที่ที่เชื่อมโยงไปยังอยู่ที่ด้านบนสุดของหน้า ฉันต้องการให้ลิงก์จุดยึดส่งไปยังส่วนนั้นของหน้า แต่ฉันต้องการพื้นที่ด้านบน เช่นเดียวกับฉันไม่ต้องการให้มันส่งฉันไปยังส่วนที่เชื่อมโยงกับมันที่ด้านบนสุดฉันต้องการพื้นที่ 100 พิกเซลหรือมากกว่านั้น สิ่งนี้สมเหตุสมผลไหม เป็นไปได้หรือไม่ แก้ไขเพื่อแสดงโค้ด - เป็นเพียงแท็กจุดยึด: &lt;a href="#anchor"&gt;Click me!&lt;/a&gt; &lt;p id="anchor"&gt;I should be 100px below where I currently am!&lt;/p&gt;
124 javascript  html  css  anchor 

16
href แทนที่ ng-click ใน Angular.js
เมื่อมีการกำหนดแอตทริบิวต์ href และ ng-click: &lt;a href="#" ng-click="logout()"&gt;Sign out&lt;/a&gt; hrefแอตทริบิวต์จะเหนือกว่างะคลิก ฉันกำลังมองหาวิธีเพิ่มลำดับความสำคัญของ ng-click href จำเป็นสำหรับ Twitter Bootstrap ฉันไม่สามารถลบออกได้
118 html  angularjs  anchor  markup 

5
วิธีรับ anchor text / href เมื่อคลิกโดยใช้ jQuery
คิดว่าฉันมีจุดยึดที่มีลักษณะเช่นนี้ &lt;div class="res"&gt; &lt;a href="~/Resumes/Resumes1271354404687.docx"&gt; ~/Resumes/Resumes1271354404687.docx &lt;/a&gt; &lt;/div&gt; บันทึก:จะไม่มี id หรือคลาสสำหรับจุดยึด ... ฉันต้องการรับ href / text ใน jQuery onclickของจุดยึดนั้น
113 jquery  anchor 

10
รับส่วนย่อย (ค่าหลังแฮช '#') จาก URL ใน php [ปิด]
ปิด . คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เน้นไปที่ปัญหาเดียวโดยแก้ไขโพสต์นี้เท่านั้น ปิดให้บริการใน3 เดือนที่ผ่านมา ปรับปรุงคำถามนี้ ฉันจะเลือกส่วนหลังสัญลักษณ์ '#' ใน URL ของฉันโดยใช้ PHP ได้อย่างไร ผลลัพธ์ที่ฉันต้องการคือ "photo45" นี่คือตัวอย่าง URL: http://example.com/site/gallery/1#photo45
107 php  url  anchor  url-fragment 

3
Github Markdown ลิงก์หน้าเดียวกัน
สมมติว่าผมมีสองจุดภายในหน้าฮับวิกิพีเดียเดียวกัน Git ซึ่งสำหรับวันนี้เราจะโทรหาและ place 1place 2 ##Title ###Place 1 Hello, this is some text to fill in this, [here](place2), is a link to the second place. ###Place 2 Place one has the fun times of linking here, but I can also link back [here](place1). อีกทางเลือกหนึ่งคือ ToC ##Title [ToC] ###Place 1 …

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