html使用frame框架导航跳转至指定节的用法，实现在同一个页面中不使用js进行页面的跳转。左边页面是目录页，右边是内容页。点击左边目录，右边内容页跳转到相应的章节。
实现代码如下：
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>当他沉默时</title>
</head>
<frameset cols="16%,*" style="background-color: #FAEBD7;">
<frame src="list.html" />
<frame src="preface.html" name="showfram" />
</frameset>
</html>
list.html（目录页）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>当他沉默时</title>
</head>
<body style="background-color: #FAEBD7;">
<p>
<font size="2">
目 录
<br>
<br>
<a style="text-decoration: none;" href="00.html" target="showfram">序言</a>
<br>
<a style="text-decoration: none;" href="01.html" target="showfram">我的祈求，你听见了吗？</a>
<br>
<a style="text-decoration: none;" href="02.html" target="showfram">诚心胜有声</a>
<br>
</font>
</p>
</body>
</html>
preface.html（内容页）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>当他沉默时</title>
</head>
<body>
<h1>基本介绍</h1>
</body>
</html>
00.html（内容页）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>当他沉默时</title>
</head>
<body>
<h1>序言</h1>
<p>人生最大的悲剧，并非祷告未蒙应允，而是你根本没有祷告。——迈尔（F. B. Meyer）</p>
</body>
</html>
01.html（内容页）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>当他沉默时</title>
</head>
<body>
<h1>我的祈求，你听见了吗?</h1>
</body>
</html>
02.html（内容页）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>当他沉默时</title>
</head>
<body>
<h1>诚心胜有声</h1>
</body>
</html>
其中，关键点在于index中内容页的frame中name的名称与目录页中每个跳转的a标签的target相同，即：
效果展示如下图：
点击左边第一章：我的祈求，你听见了吗？右边内容页切换
