關於html錨點

2021-07-25 06:13:29 字數 705 閱讀 6702

1. 在a標籤中配置錨點,如下:

埋錨點:

name="tips">基本的注意事項 - 有用的提示

呼叫:

href="#tips">有用的提示

後來發現,a標籤中除了可以通過name屬性埋錨點,通過id屬性一樣可以。例如:

埋錨點:    

id="tips">基本的注意事項 - 有用的提示

呼叫:

href="#tips">有用的提示

以上兩種方式在chrome、firefox、ie11中均可正常跳轉。

查閱資料發現,其實錨點只需配置name就可以,加id是為了有更好地相容性

另,跳轉到其他頁面錨點的方法:

如,在new1.html中跳轉到new2.html的錨點處,

在new2.html埋錨點:

name="tips">基本的注意事項 - 有用的提示

在new1.html呼叫:

href="new2.html#tips">有用的提示

2.在其他標籤中也可以埋錨點:

例如在div、p標籤中,可以通過id屬性埋錨點(不支援name屬性):

埋錨點:

id="tips">基本的注意事項 - 有用的提示

呼叫:

有用的提示

完結。。。

HTML鏈結 錨點

可做頁內跳轉。參考 w3school 總 也就是說,首先在需要加錨點鏈結的地方新增鏈結的name屬性,然後在其他地方的鏈結中的href就可以指向name,用href name名字 在其他頁面中使用時href要寫完整的url.就醬!name 屬性規定錨 anchor 的名稱。您可以使用 name 屬性...

HTML 錨點例項

1 doctype html 2 html 3 head 4 meta charset utf 8 5 title 錨點例項 title 6head 7 body 8 h1 錨點例項 h1 9 h3 id dingbu 這是頂部 h3 10 a href one 第一章 a 11 a href tw...

html錨點總結

點選的時候內容區的位置可以自己控制?html 一.思路1 內容區域一定要給滾動臺,然後給滾動條設定寬高為0px,隱藏滾動條,內容的div要給到高度大於螢幕的高度,就可以實現翻頁的效果 一.思路2 如果根據html的滾動條來實現,如果想到達自己制定的位置,可以給相應的padding和margin值,或...