html中的錨點

2022-03-06 20:24:03 字數 1994 閱讀 9332

一、頁面內跳轉的錨點設定

頁面內的跳轉需要兩步:

方法一:

①:設定乙個錨點鏈結href

="#miao"

>

去找喵星人a

>

;(注意:href屬性的屬性值最前面要加#)

②:在頁面中需要的位置設定錨點name

="miao"

>

a>

;(注意:a標籤中要寫乙個name屬性,屬性值要與①中的href的屬性值一樣,不加#)標籤中按需填寫必要的文字,一般不寫內容

方法二:

①:同方法一的①

②:設定錨點的位置 "miao"

>

喵星人基地h3

>

;在要跳轉到的位置的標籤中新增乙個id屬性,屬性值與①中href的屬性值一樣,不加#

方法二不用單獨新增乙個a標籤來專門設定錨點 ,只在需要的位置的標籤中新增乙個id即可。

小案例:

萌寵集結號title

>

head

>

>

>

>

href

="#miao"

>

去找喵星人a

>

li>

>

href

="#wang"

>

去找汪星人a

>

li>

>

href

="#meng"

>

其他萌物a

>

li>

ul>

name

="miao"

>

a>

"miao"

>

喵星人基地h3

>

>

喵喵喵~p

>

>

喵喵喵~p

>

>

喵喵喵~p

>

>

喵喵喵~p

>

>

喵喵喵~p

>

>

喵喵喵~p

>

name

="wang"

>

a>

>

汪汪汪~p

>

>

汪汪汪~p

>

>

汪汪汪~p

>

>

汪汪汪~p

>

>

汪汪汪~p

>

>

汪汪汪~p

>

name

="meng"

>

a>

>

萌萌萌~p

>

>

萌萌萌~p

>

>

萌萌萌~p

>

>

萌萌萌~p

>

>

萌萌萌~p

>

>

萌萌萌~p

>

body

>

html

>

二、跨頁面跳轉

如:
href

="萌寵集結號.html#miao"

>

跳轉到萌寵集結號頁面a

>

②:要跳轉到的頁面中要設定錨點,方法見一種的步驟②,兩個方法任選其一。

原文:

html中的錨點

一 頁面內跳轉的錨點設定 頁面內的跳轉需要兩步 方法一 在頁面中需要的位置設定錨點 注意 a標籤中要寫乙個name屬性,屬性值要與 中的href的屬性值一樣,不加 標籤中按需填寫必要的文字,一般不寫內容 方法二 同方法一的 設定錨點的位置 在要跳轉到的位置的標籤中新增乙個id屬性,屬性值與 中hre...

html中的錨點

一 頁面內跳轉的錨點設定 頁面內的跳轉需要兩步 方法一 在頁面中需要的位置設定錨點 注意 a標籤中要寫乙個name屬性,屬性值要與 中的href的屬性值一樣,不加 標籤中按需填寫必要的文字,一般不寫內容 方法二 同方法一的 設定錨點的位置 在要跳轉到的位置的標籤中新增乙個id屬性,屬性值與 中hre...

關於html錨點

1.在a標籤中配置錨點,如下 埋錨點 name tips 基本的注意事項 有用的提示 呼叫 href tips 有用的提示 後來發現,a標籤中除了可以通過name屬性埋錨點,通過id屬性一樣可以。例如 埋錨點 id tips 基本的注意事項 有用的提示 呼叫 href tips 有用的提示 以上兩種...