超链接标签a实现跳转

超链接标签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文件,那肯定能访问,压根就无需网络

  • 3
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

SSS4362

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值