調整錨點(點選可跳轉對應位置,name,id)
阿新 • • 發佈:2021-12-16
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 錨點:點選連結跳轉對應位置 一般應用與返回頂部或,到達指定位置 兩種寫法: 一種如下面寫法: id獲取屬性 如:<h2 id="1"></h2> name獲取屬性 如:<a name="1"></a> -->
#點選跳轉對應位置 <h1><a href="#1">1</a></h1> <h2><a href="#2">2</a></h2> <!-- <h2 id="1"></h2> -->
#點選1後,跳轉至name標籤內容 <a name="1"></a> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p>
#點選2,跳轉name為2的 <!-- <h2 id="2"></h2> --> <a name="2"></a> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> </body> </html>