技术经验分享：htmla标签href属性【跳转和锚点】

"

html a标签 href 属性

跳转到 这个站点

跳转到站点内的页面

a标签 href 的 URL 值

超链接的 URL 可能值:

01) 绝对 URL - 指向另一个站点（比如 href=""""）

02) 相对 URL - 指向站点内的某个文件（href=""index.htm""）

02-2) 相对 URL - 指向站点内的某个文件（href=""""）

【 这里如果没有 , 会认为是打开站点内的文件 】

03) 锚 URL - 指向页面中的锚（href=""#top""）

二: 锚点代码

<!DOCTYPE html

[/span>html lang=""en""

[/span>head

[/span>meta charset=""UTF-8""

[/span>title

[/span>script src=""jquery-3.5.1.js""

[/span>style

.btn {

position: fixed;

left: 10%;

top: 20%;

display: flex;

flex-direction: column;

}

.btn a {

Width＜/span>: 120px;

Height＜/span>: 30px;

color: #ffffff;

}

div.content{

border: 5px solid #000000;

color: #ffffff;

}

[/span>body

[/span>div class=""btn""

[/span>span

[/span>a href=""#dafei_01""

[/span>a href=""#dafei_02""

[/span>a href=""#dafei_03""

[/span>a href=""#dafei_04""

[/span>div class=""content"" id=""dafei_01"" style=""height:100vh;background:#ff9185""

[/span>div class=""content"" id=""dafei_02"" style=""height:100vh;background:#fff94c""

[/span>div class=""content"" id=""dafei_03"" style=""height:100vh;background:#ffc3ca""

[/span>div class=""content"" id=""dafei_04"" style=""height:100vh;background:#8386ff""

View Code

其他:

视窗单位 vw vh

1.vw：1vw等于视口宽度的1%。

2.vh：1vh等于视口高度的1%