2014-09-03 104 views
1

有沒有方法可以設置錨點標記在URL中顯示的內容?頁面錨點URL顯示

舉例來說,如果我是寫:

<a id="HomeAnchor"></a> 

鏈接到它會導致頁面:

www.example.com#HomeAnchor 

雖然沒有什麼不對的,通常,該網站是比較大,並避免任何衝突身份證是相當長和描述性的。基本上,他們不是真的想要展示給客戶的東西。

有沒有辦法讓一個複雜的ID錨點產生一個非複雜的URL?純粹出於審美/用戶體驗的目的,例如

<a id="FeaturesPageTopAnchor"></a> 

www.example.com#Top 

理想情況下,我想盡可能避免修改URL與JS。

回答

0

「合理長和描述性」這聽起來像是你做的想顯示給客戶。我寧願讓他們看到example.com/products/MyAwesomeProduct#FeaturesAndInstallationexample.com/products/160#EFXXKgg7

除此之外,沒有必要在整個站點上使錨點唯一,每個頁面。因此#Top錨點可以在每個頁面上被命名爲Top

而且您可以在不遺漏信息的情況下縮短名稱。這是網絡,所以你正在查看一個頁面。而且你跳到了錨點(還有其他什麼地方),所以你可以將它命名爲FeaturesHome而不是FeaturesPageHomeAnchor,它仍然是同一個錨點,幾乎沒有任何名稱衝突的風險。

請注意,它並不一定是a元素。你可以只錨定任何元素的任何id。

錨本身就是你所看到的就是你得到的。網址中的值用於搜索ID。在HTML中沒有解決方法。也許你可以用JavaScript欺騙來解決它,但它會很複雜,容易出錯,基本上不值得。