HTML命名錨(anchor)的問題?
01-26
在W3SCHOOL學習HTML.
有一個地方不是很懂。
&有用的提示&
在上面的代碼中,我們將 # 符號和錨名稱添加到 URL 的末端,就可以直接鏈接到 tips 這個命名錨了。
這個是什麼意思啊?
我理解了#tips在本頁面可以當作書籤的方式做鏈接。但是對於這樣在url後面添加anchor的方式不是很理解。
這是w3school中關於鏈接的一個頁面:HTML 鏈接
裡面的有這麼一節內容:
我相信題主看的也是同一節。請注意紅色框框的部分。
這就是答案。
那個錨鏈接可以跳到這個頁面中「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 |