Web前端_html_超链接的用法

相对路径都会使用./或…/开头
./可以省略不写
如果…/和./都不写，默认是./

./表示当前文件所在的目录
…/表示当前所在目录的上一级目录

<a href="./页面1.html">超链接1</a></br>
<a href="../target.html">超链接2</a></br>
<a href="./inner/target2.html">超链接3</a></br>
<a href="../outer/target3.html">超链接4</a></br>

target属性
用来指定超链接打开的位置，可选值：

• _self 默认值 在当前页面中打开超链接
• _blank 在新的页面中打开超链接

<a href="页面1.html" target="_self">超链接</a>
<a href="页面1.html" target="_blank">超链接</a>

可以直接将超链接的href属性设置为#，这样点击超链接之后页面不会发生跳转，而是转到当前页面的顶部的位置
id属性（唯一且不重复）

• 每个标签都可以添加一个id属性
• i的属性就是元素的唯一标识，同一页面中不能出现重复的id属性

<a href="#bottom">去底部</a>
<a href="#id3">去第三个文本</a>
<p>文本内容要多</p>
<p>文本内容要多</p>
<p id="id3">文本内容要多</p>
<p>文本内容要多</p>
<p>文本内容要多</p>

<a id="bottom" href="#">去顶部</a>

在开发中可以将#作为超链接的路径占位符