html中设置锚点定位的几种常见方法_随笔

在html中设置锚点定位我知道的有几种方法，在此和大家分享一下：

1、使用id定位：

这样的定位可以针对任何标签来定位。

2、使用name定位：

使用name属性只能针对a标签来定位，而对div等其他标签就不能起到定位作用。

3、使用js定位

建立锚点需要标签的id和a标签相互配合。举个例子:

以上就是一个简单锚点的写法，当然也可以实现不同页面的锚点跳转，就是把href的地址换一下就可以了。

<!DOCTYPE html>

<html>

<head>

div{height: 500pxbackground: #1ab394 text-align: centerfont-size: 30px}

div:nth-child(2n){ background: #09f}

.mao{

padding: 10px

height: 140pxbackground: #fff

position: fixedright: 10%top: 20%

z-index: 100

}

.mao a{

display: block

text-decoration: none

color: #000font-size: 16px

}

</style>

</head>

<body>

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html中设置锚点定位的几种常见方法