超链接定义锚点

it2023-11-24  62

超链接定义锚点

单击超链接时直接跳转到锚点定义的位置,比如有时候打开网页后会出现“返回顶部”的提示符,点击就可以直接回到顶部。例图如下:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <!-- 超链接定义锚点 超链接找锚点 <a href="#锚点名称">链接名称</a> 定义锚点 <a name="名称">aaa</a> --> <body> <h3> <a name="top"></a></h3> <a href="#p1">产品1</a> <a href="#p2">产品2</a> <a href="#p3">产品3</a> <a href="#p4">产品4</a> <a href="#p5">产品5</a> <hr > <h3> <a name="p1">产品1</a></h3> <img src="img/nike/1.png" /> <h3> <a name="p2">产品2</a></h3> <img src="img/nike/2.png" /> <h3> <a name="p3">产品3</a></h3> <img src="img/nike/3.png" /> <h3> <a name="p4">产品4</a></h3> <img src="img/nike/4.png" /> <h3> <a name="p1">产品5</a></h3> <img src="img/nike/5.png" /> <!-- 设置“返回顶部”的锚点点击可以迅速返回最顶部 --> <h3 align="right"><a href="#top">返回顶部</a></h3> </body> </html>
最新回复(0)