秦王網路奉告您-頁面添加錨點的三種辦法

尋夢新聞LINE@每日推播熱門推薦文章,趣聞不漏接❤️

加入LINE好友

HTML中的鏈接,正確的說法應該稱作”錨點”,它命名錨點鏈接(也叫書簽鏈接)常常用於那些內容龐大繁瑣的網頁,通過點擊命名錨點,不僅讓我們能指向文檔,還能指向頁面里的特定段落,更能當作”精準鏈接”的便利工具,讓鏈接對象接近焦點。便於瀏覽者查看網頁內容。類似於我們閱讀書籍時的目錄頁碼或章回提示。在需要指定到頁面的特定部分時,標記錨點是最佳的方法。 

錨鏈接對關鍵詞排名的影響

錨鏈接對於關鍵字排名的意義在於它可以讓內容頁隨機鏈接在一起,讓蜘蛛可以很好的抓取更多頁面,權重也能均勻的傳遞,同時增強頁面的相關性,最終提升網站的關鍵詞排名。

錨點的添加方式

1、給錨點文本標籤添加id,使用<a href=”#”></a>來定位,當單擊a鏈接時,就會跳到id為a01的p標籤處;

<div>

<a href=”#a01″></a>

</div>

<p>練習</p>

<p>練習</p>

<p>練習</p>

<p>練習</p>

<p>練習</p>

<p id=”a01″>練習</p>

<p>練習</p>

這樣的定位可以針對任何標籤來定位。

2、給a標籤的文本添加錨點,單擊鏈接可跳到name為a01的a標籤處;

<div>

<a href=”#a01″></a>

</div>

<p>練習</p>

<p>練習</p>

<p>練習</p>

<p>練習</p>

<p>練習</p>

<a name=”a01″ href=「#」>練習</a>

<p>練習</p>

使用name屬性只能針對a標籤來定位,而對div等其他標籤就不能起到定位作用。

3、使用js。

1

<li class=”” onclick=”java:document.getElementById(‘here’).scrollIntoView()”></li>

About 尋夢園
尋夢園是台灣最大的聊天室及交友社群網站。 致力於發展能夠讓會員們彼此互動、盡情分享自我的平台。 擁有數百間不同的聊天室 ,讓您隨時隨地都能找到志同道合的好友!