超链接标签a实现跳转
A.多个页面之间的跳转
1.实现思路
a.获取跳转结果所在的地址
b.把地址赋值给a标签的href属性
2.举例说明
以需要跳转到百度网站为例
那么跳转结果所在的地址=https://www.baidu.com/
此时href=“https://www.baidu.com/”
<!-- 对应的html实现源码如下所示-->
<a href="https://www.baidu.com/">百度一下,你就知道</a>
<!--
总结: href值为跳转后的网页所在的地址
-->
3.源代码
<html>
<head>
<title>a标签实现页面之间跳转</title>
</head>
<body>
<a href="https://www.baidu.com/">百度一下,你就知道</a>
</body>
</html>
4.常见问题
4.1 通常在浏览器中输入网址时,不输入https://直接baidu.com这种形式也可以访问百度网站,那么是不是意味着页面之间的跳转中href值也可以这样简写吗?
解答:不能这样写,原因如下所示
a.在浏览器中可以实现,是因为浏览器给其自动配齐了https://
b.在a标签中只认herf值,若你简写,那你访问的就是网站为baidu.com的这种的情况
浏览器是不会给你补全的
此时点击超链接标签,就会提示404找不到
4.2 页面之间的跳转需要网络吗?
解答:依情况而定,当跳转后的网页为类似百度这种需要网络的网页,那就需要网络
当跳转后网页为自己电脑里面所写的html文件,那么就无需网络
B.页面内的跳转
1.实现思路
a.在跳转后所在标签内新建一个id属性,并给它赋值
b.在跳转前的a标签处设置href=“#id值”
2.举例说明
以某一html网页为例,想让网页的头部(富强文字)跳转到底部我们追求的民主是人民民主中的民主二字,那么此时民主外所在的标签span应该设置id值并给其赋值
如<span id="ming">民主</span>
然后使a标签的href值指向它即设置href属性为#id值
如: <p><a href="#ming">富强</a></p>
3.源码
<html>
<head>
<title>a标签实现页面内跳转</title>
</head>
<body>
<!-- 实现富强跳转到最下面的文字的部分,跳转位置为倒数第三行 -->
<p><a href="#ming">富强</a></p>
<p>民主</p>
<p>文明</p>
<p>自由、平等、公正、法治,是对美好社会的描述,<br/>也是从社会层面对社会主义核心价值观基本理念的凝练。它反映了中国特色社会主义的基本属性,<br/>是我们党矢志不渝、长期实践的核心价值观念、自由是指人的意志自由、存在和发展的自由,<br/>是人类社会的美好向往,也是马克思主义追求的社会价值目标。平等指的是在法律面前一律平等,<br/>其价值取向是不断实现实质平等。<br/>它要求尊重和保障人权,<br/>人人依法享有平等参与、平等发展的权利。公正,即社会公平和正义,它以人的解放、人的自由平等权利的获得为前提,是国家、社会的根本价值理念。法治是治国理政的基本方式,依法治国是社会主义民主政治的基本要求。它通过法制建设来维护和保障公民的根本权利,是实现自由平等、公正正义的制度保证。</p>
<p>爱国敬业诚信友善,是公民基本道德规范,<br/>是从个人行为层面对社会主义核心价值观基本理念的凝练。它覆盖了社会主义道德生活的各个领域,是公民必须恪守的基本道德准则,也是评价公民道德行为选择的基本价值标准。<br/>爱国是基于每个人对自己祖国依赖关系的深刻情感,<br/>也是调节个人与祖国关系的行为准则。<br/>它同社会主义紧密结合起来,<br/>要求人们以振兴中华为己任,促进民族团结,维护祖国统一,<br/>自觉报效祖国。敬业是对公民职业行为准则的价值评价。<br/>要求公民忠于职守,克己奉公,服务人民,服务社会,充分体现了社会主义置业精神。诚信即诚实守信,是人类社会千百年传承下来的道德传统,也是社会主义道德建设的重点内容,它强调诚实劳动、信守承诺、诚恳待人、哟苏晗强调公民之间应该相互尊重、互相关心、互相帮助,友好和睦,努力形成社会主义新型的人际关系。</p>
<p>富强、民主、文明、和谐,是我国社会主义现代化国家的建设目标,<br/>也是从价值目标层次对社会主义核心价值观基本理念的凝练,<br/>在社会主义核心价值观中居于最高层次,<br/>对其他层次的价值观具有统领作用。<br/>富强,<br/>即国富民强,是社会主义现代化国家经济建设的应然状态,<br/>是中华名族梦寐以求的美好夙愿,<br/>也是国家繁荣昌盛、人民幸福安康的物质基础。<br/>民主是人类社会的美好诉求。<br/>我们追求的<span id="ming">民主</span>是人民民主,其实质和核心是人民当家作主。他是社会主义现代化国家的重要特征。他是社会主义现代化国家建设的应有状态,是对面向现代化、面向世界、面向未来的,民族的科学的大众的社会主义文化的概括,是实现中华民族伟大复兴的重要支撑。和谐中国传统文化的基本理念,集中体现了学有所教、劳有所得、病有所医、老有所养、住有所居的生动局面。他是社会主义现代化国家在社会建设领域的价值诉求,是经济社会和谐稳定、持续健康发展的重要保证。</p>
</body>
</html>
4.常见问题
4.1 若所要跳转后的位置没有标签,咋办?
解答: 在外面加上一层标签或者找文字最近的标签(跳转到能看到那个文字的位置就行)
4.2 页面内的跳转需要网络吗?
解答: 不需要,因为都是在一个页面内,而该页面已经在浏览器中缓存了(第一次打开后)
若是本地html文件,那肯定能访问,压根就无需网络