<a>標簽與錨鏈接的用法

一、需求的背景:

當網站頁面內容過多且比較長的時候,用戶需要在網頁里上下來回的翻滾,查閱頁面的信息內容時,那使用瀏覽器的滾動條翻滾,就顯得沒那么方便并且用戶體驗不好。例如:像百度里名人百科,關于名人的介紹的信息有很多。那使用<a>標簽跟錨鏈接結合就可以方便用戶瀏覽網頁,就不用手動的來回拖到滾動條了。

二、用法:

當網頁過長時需要定位或者跳轉到網頁的那個地方時也就是要跳那個目標點,那就需要在目標點處定一個錨點。例如:要跳到劉德華的演藝經歷,那么要劉德華的演藝經歷h2標簽里定錨點id='acting_career',把<a>標簽鏈接的地址href屬性值設為:#acting_career就行。

如圖:


錨鏈接的目標點id屬性值設為:acting_career:如下圖:


三、在本頁面跳轉到其他頁面里的錨鏈接的目標點:

如果想在本頁面跳到其他頁面的某個錨鏈接的目標點上,如果下圖所,在“跳轉到其他頁面錨鏈接的目標點.html"這頁面到到“a標簽與錨鏈接.html”的演藝經歷。


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容