標籤:

HTML命名錨(anchor)的問題?

在W3SCHOOL學習HTML.

有一個地方不是很懂。

&有用的提示&

在上面的代碼中,我們將 # 符號和錨名稱添加到 URL 的末端,就可以直接鏈接到 tips 這個命名錨了。

這個是什麼意思啊?

我理解了#tips在本頁面可以當作書籤的方式做鏈接。

但是對於這樣在url後面添加anchor的方式不是很理解。


這是w3school中關於鏈接的一個頁面:HTML 鏈接

裡面的有這麼一節內容:

[Image]

我相信題主看的也是同一節。

請注意紅色框框的部分。

這就是答案。

那個錨鏈接可以跳到這個頁面中「http://www.w3school.com.cn/html/html_links.asp」,「name」或「id」為「tips」的那個元素。

試試點擊圖中藍色方框的鏈接,綠方框的部分就會跳的頁面的頂部。

然後你再看看綠色方框的元素的原代碼,就能看到,那個元素的「id」正是「tips」。


建議題主學習一下URL語法,推薦書籍《HTTP權威指南》

URL組件中可以包含組件中有一項為片段(flag)—一小片或一部分資源的名字。引用對象時,不會將flag欄位傳送給伺服器;這個欄位是在客戶端內部使用的。通過字元「#」將其與URL其餘部分分隔開來。

伺服器通過HTTP發送回整個對象,而不是對象片段,客戶端不能將片段傳送給伺服器。瀏覽器從伺服器獲得整個頁面後,會根據片段來顯示你感興趣的那部分資源。

URL不僅僅只是個地址那麼簡單,組件包括:方案、用戶名、密碼、主機名或IP、埠號、路徑、參數、查詢、片段。當然其中有些事可以省略的,有些在特定情況(協議)下是有默認值的。


推薦閱讀:

給HTML初學者的30條最佳實踐
從零開始搭建Vue組件庫 VV-UI
想要對 HTML 和 CSS 有深入的理解,是不是需要學習傳統排版的知識?如果需要,應該學習到什麼程度?
可以用JQuery 調用Python對象的function嘛?

TAG:HTML |