Dreamweaver裡怎麼製作錨點連結?

Tags: 錨點, 點連結,

錨點連結對站點SEO非常重要,當頁面內容過多的時候,我們就會用到錨點連結,龐大繁瑣的網頁,通過點選命名錨點,可以為訪問者提供很大的便利去瀏覽網頁內容,更精準的找到自己想要的資料,對站點來說可以讓權重均勻傳遞,更利於排名。今天,分享一點錨點連結知識和製作過程。

Dreamweaver裡怎麼製作錨點連結

工具/原料

Dreamweaver軟體

方法/步驟

開啟DW軟體,選擇一個空白的html文件,開啟新建一個空白網頁。在這裡我們做一個簡單的示例和演示。

Dreamweaver裡怎麼製作錨點連結

OK,這是我剛剛建立的一個頁面,左側為目錄,右邊為頁面。我們發現右面的頁面相對較長,不能完全顯示。這個時候,我們就需要錨點連結。當我們想點選“目錄”測試3,就跳轉到相對應的右側測試3頁面,就需要有錨點連結。

Dreamweaver裡怎麼製作錨點連結

我們以測試3為示例,從頭到尾的為大家演示一下錨點連結的製作。首先,我們要選中右側表格中的測試3,把游標移動到測試3的前面。

Dreamweaver裡怎麼製作錨點連結

移動好之後,選擇工作區---常用--命名標記按鈕。如果你沒有如圖所示的圖示,你可以開啟視窗---插入前面打對號就可以了。快捷鍵:Ctrl+F2。

Dreamweaver裡怎麼製作錨點連結

點選之後會彈出命名視窗,不要用漢字命名,然後給錨點新增名稱,這裡我們命名為“cs3

”,新增之後,會出現如圖所示的效果。前面有一個錨的小圖示,文字被選中了。

Dreamweaver裡怎麼製作錨點連結

Dreamweaver裡怎麼製作錨點連結

回到左側選中,剛剛的目錄測試3,在頁面底部有連結的字樣(紅色框那裡),然後把剛剛的錨點名稱(cs3)填寫進去,這裡記得加“#”號。一個頁面可以有很多的錨點,這裡必須要加“#”號。

Dreamweaver裡怎麼製作錨點連結

好的,填寫好之後,一個錨點連結就做好了。儲存Ctrl+S,然後F12,預覽,大功告成。

Dreamweaver裡怎麼製作錨點連結

注意事項

除了在同一個網頁定位之外,還可以連結到其他網頁。

只要在其他的網頁定向之後,加“#”和其他網頁的錨點名稱,即可,不做詳解,自己可以測試一下。

相關問題答案