Saber 酱的抱枕

Fly me to the moon

11/13
2014
学习

html的书签链接

书签链接偶尔会用到,但毕竟我用的不多,印象模糊了,所以刚才用的时候又去w3c看了一下。书签链接所需要的是首先给目标位置添加一个a标签并指定其name或者id值;之后在调用时,把a标签的链接写成#+name或者#+id的值。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>书签链接demo</title>
</head>
<body style="height: 1500px;">
    <a href="#bottom1">用name跳到底部</a>
    <a href="#bottom2">用id跳到底部</a>
    <div style="height: 1400px;"></div>
    <a href="" name="bottom1">底部1</a>
    <a href="" id="bottom2">底部2</a>
</body>
</html>

html的书签链接