本篇学习HTML中相对链接写法,就像我们看电子书,点击左侧目录章节名称,就会自动跳转到对应内容。下面我们就写一个demo.html来模仿这种行为。
<!DOCTYPE html>
<html>
<head>
<title>
HTML的相对链接用法
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<pre>
一些文字简介描述,随便写一些。
<h2>
Contents [hide]
1 前言
2 历史
2.1 第一节
<a href="#end">2.2 结束语</a>
2.3 第三节
2.4 第四节
2.5 第五节
2.6 第六节
2.8 第七节
2.9 第八节
2.10 第七节
2.11 第七节
2.12 第七节
3 第三篇
3.1 第一节
3.2 第二节
</h2>
<p>
<a name="end">结束语</a>
这是一段结束语描述,随便乱写一些内容。束带结发Joe我发addafewfwef
fwffeegj jiejge
</p>
</pre>
</body>
</html>
如果你的显示器是大屏幕,建议你多copy几行章节,点击带蓝色下划线的章节,会定位到底部的结束语部分。上面思路就是在需要定位跳转的段落插入一个<a>标签,name随便写一个,上面写的是end,然后在章节,更加#end就可以找到这个<a>标签。