一、锚点
一、锚点是什么?
在我们学习HTML的过程中,要理解写页面的作用,最初写页面的本质是为了文章服务的,一篇文章如果太长,我们想回到顶部、或者回到某一个段落就会费劲儿,所以锚点就是为了精准定位段落,起到目录的效果。(本人理解成就是点击它的时候进行页面的跳转)
二、使用步骤
-
1. 写一篇文章
-
2. 跳转底部,就需要给底部最后一个元素添加唯一标识id,,再href里用#id跳转
-
3. 跳转到自然段,同上,给某个自然段添加唯一标识id,再href里用#id跳转
-
4. 跳转顶部,只使用#就可以了
三、代码演示
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
a{
font-size: 5px;
}
#div1{
margin-top: 1000px;
}
</style>
</head>
<body>
<a href="#div1">点击这里</a>
<div id="div1">
hello
</div>
</body>
</html>