关于html中锚点功能的使用

    在较长的网页中,通过鼠标滚轮的滑动来达到指定目的地的方式有时候效率低下,这个时候为了更加高效的页面滑动,经常会使用锚点功能,锚点功能的原理其实很简单:通过在指定位置标记位置信息,再通过指令到达指定地点。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>刘德华生平</title>
</head>
<body>
<h1 id="list">目录</h1>
<a href="#past">1 早年经历</a><br />
<a href="#show">2 演艺经历</a><br />
<a href="#living">个人生活</a><br />
<a href="#works">4 主要作品</a><br />
<h1 id="past">早年经历</h1>
刘德华出生于香港新界,在家中排行老四,幼时随家人搬到了九龙钻石山的木屋区居住,并和姐弟一起帮助家里打理卖稀饭的生意。1973年,刘德华随家人搬入香港蓝田邨第15座14楼。刘德华从黄大仙天主教小学毕业后升读可立中学 。在可立中学读书期间,刘德华积极参加校内学校剧社的表演,在老师杜国威的指导下学习戏剧方面的知识。此外,他还参与包括编剧在内的幕后制作。刘德华在中五会考获得1B3D2E(中文读本A)的成绩。中六上学期后,他到香港电视广播有限公司的艺员训练班受训,从而开始了演艺之路。<br />
<a href="#list">返回目录</a>
<h1 id="show">演艺经历</h1>
<h2>港剧时代</h2>
1981年,刘德华考进第10期无线电视艺员训练班;同年,出演个人首部电视剧《江湖再见》,在剧中饰演以贩卖妇女为生的小混混阿龙;该剧获得美国电视节电视剧特别奖。<br />
1982年,刘德华以甲级成绩从艺员训练班毕业后正式签约TVB;同年在喜剧《花艇小英雄》中饰演败家仔钱日添;12月,与叶德娴搭档主演时装警匪剧《猎鹰》,凭借卧底警察江大伟一角获得关注。<br />
1983年,主演金庸武侠剧《神雕侠侣》,在剧中饰演外貌俊俏、倜傥不羁的杨过;该剧在香港播出后取得62点的收视纪录;同年,与黄日华、梁朝伟、苗侨伟、汤镇业组成“无线五虎将”。<br />
1984年,与赵雅芝合作主演古装武侠剧《魔域桃源》,在剧中饰演资质出众、武功高强的傅青云;同年,与梁朝伟共同主演金庸武侠剧《鹿鼎记》,在剧中饰演英明果断的康熙。<br />
1985年,在古装武侠剧《杨家将》中饰演饶勇善战的杨六郎;同年,TVB向刘德华提出加签五年的合约,刘德华因拒绝而被TVB雪藏400天。1986年,在邵逸夫的调解下,刘德华与TVB和解并签下合约;同年,主演古装剧《真命天子》。1988年,在出演了武侠剧《天狼劫》后,刘德华将演艺事业的重心转向影坛。<br />
<a href="#list">返回目录</a>
<h1 id="living">个人生活</h1>
<h2>家庭</h2>
刘德华的父亲刘礼在启德机场做过消防员的工作。20世纪60年代刘德华获香港树仁大学颁予荣誉文学博士
 ,刘礼开了一间小吃杂货店以赚钱维持家用。刘德华在家中还有三位姐姐,一位妹妹以及一位弟弟(刘德盛)。
<h2>感情</h2>
1986年,刘德华随香港明星足球队赴吉隆坡时,结识了朱丽倩。2008年6月23日,刘德华与朱丽倩在美国拉斯维加斯注册结婚。2012年5月9日,刘德华的妻子朱丽倩生下一个女儿。 2016年3月,刘德华的妻子朱丽倩怀上第2胎。 
<h2>学历</h2>
2017年12月14日,刘德华获香港树仁大学颁予荣誉文学博士。<br />
<a href="#list">返回目录</a>
<h1 id="works">主要作品</h1>	
<h2>参演电影</h2>
追龙2017-12
饰演雷诺 导演刘伟强 主演甄子丹, 郑则仕, 胡然
侠盗联盟2017-8-11
饰演张丹 导演冯德伦 主演张静初, 舒淇, 杨佑宁
拆弹专家[116] 2017-4-28
饰演拆弹专家 导演邱礼涛 主演姜武, 小宋佳, 黄宗泽
铁道飞虎2016-12-23
饰演特别出演 导演丁晟 主演成龙, 黄子韬, 王凯
长城2016-12-18
饰演王军师 导演张艺谋 主演马特·达蒙, 景甜, 张涵予
王牌逗王牌[181] 2016-10-01
饰演宝爷 导演王晶 主演黄晓明, 王祖蓝, 沈腾
我的特工爷爷2016-04-01
饰演李政玖 导演洪金宝 主演洪金宝, 朱雨辰, 李勤勤
澳门风云32016-02-08
饰演刀仔 导演王晶 主演周润发
解救吾先生2015-09-30
饰演吾先生 导演丁晟 主演刘烨, 王千源, 吴若普
失孤2015-03-21
饰演雷泽宽 导演彭三源 主演井柏然, 梁家辉<br />
<a href="#list">返回目录</a>
</body>
</html>
    如上,在a标签的href中的位置为跳转信息,而在个别标签中的id为位置信息,满足位置信息和跳转命令即可。

猜你喜欢

转载自blog.csdn.net/lu10505/article/details/80280897