在使用HTML5時,你可以通過設置書簽來方便地返回之前訪問的網頁。HTML5中,設置書簽可以使用標簽和localStorage對象來完成。
首先,我們需要使用錨點標簽設置書簽。錨點標簽(<a>
)可以在文本中創建超鏈接,讓用戶可以通過單擊鏈接跳轉到指定的內容。同時,錨點標簽還可以為用戶創建書簽。只要在需要設置書簽的地方添加一個錨點標簽,用戶就可以通過按下鍵盤上的“Ctrl+D”快捷鍵將該頁面加入到書簽列表中了。
<a href="#bookmark">設置書簽</a> <!--在需要設置書簽的地方添加上述標簽,其中#bookmark為書簽名稱-->
接下來,我們需要使用localStorage對象來保存書簽信息。localStorage對象可以為我們提供一種在用戶瀏覽器中保存和檢索鍵值對數據的方式,這樣就可以在用戶訪問某個網站時讀取已經保存的書簽列表,并將新設置的書簽添加到本地存儲中。
localStorage.setItem("Bookmark1","http://www.baidu.com"); localStorage.setItem("Bookmark2","http://www.taobao.com"); //存儲書簽信息,其中Bookmark1和Bookmark2為書簽名稱,http://www.baidu.com和http://www.taobao.com為書簽鏈接地址 localStorage.getItem("Bookmark1"); localStorage.removeItem("Bookmark2"); //讀取書簽信息、刪除書簽信息
通過使用錨點標簽和localStorage對象,我們可以方便地為用戶創建書簽,增加頁面的易用性。