建设网站时，经常会遇到需要跳转页面的情况，例如我们的网站分中英文版本，网站程序索引页不是直接放在根目录下，而是分别放在“en”和“cn“目录中区分中英版本。
打开网站时，想直接跳转到en目录访问英文版，则需要使用跳转代码跳转后方可以访问。通过html代码跳转页面的详细步骤：
1、打开Dreamweaver，新建html页面；
2、创建成功后，会显示默认html网页模板代码；
3、在<head></head>中加入这样一行代码：<meta http-equiv="refresh" content="0.1url=/en">
4、其中，数值0.1是代表跳转时间为0.1秒，我们可以根据需求修改跳转时间的长短；“/en”代表要跳转到的目标目录；
5、以上步骤完成后，Ctrl+S保存网页，文件名命名为“index“，保存类型为“html”；
6、这样我们就保存了一个index.html的网页文件，将此文件通过FTP软件上传至服务器网站根目录下，输入域名打开网站，即可自动跳转到“en”目录。
1、方法一：
给锚点文本标签添加id，使用<a href="#"></a>来定位，当单击a链接时，就会跳到id为a01的p标签处；
如：
<div><a href="#a01"></a></div>
<p>练习</p><p>练习</p><p>练习</p><p>练习</p><p>练习</p>
<p id="a01">练习</p>
这样的定位可以针对任何标签来定位。
2、方法二：
给a标签的文本添加锚点，单击链接可跳到name为a01的a标签处；
如：
<div><a href="#a01"></a></div>
<p>xxx</p><p>xxx</p><p>xxx</p><p>xxx</p><p>xxx</p>
<a name="a01" href=“#”>练习</a>
使用name属性只能针对a标签来定位，而对div等其他标签就不能起到定位作用。
3、方法三：
使用js，如：
<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>
扩展资料：
类似的html元素用法：
1、超链接对象
超链接是超级链接的简称。如果按照使用对象的不同，网页中的链接又可以分为：文本超链接，图像超链接，E-mail链接，锚点链接，多媒体文件链接，空链接等。
超链接是一种对象，它以特殊编码的文本或图形的形式来实现链接，如果单击该链接，则相当于指示浏览器移至同一网页内的某个位置，或打开一个新的网页，或打开某一个新的WWW网站中的网页。
2、动态静态
超链接还可以分为动态超链接和静态超链接。动态超链接指的是可以通过改变HTML代码来实现动态变化的超链接，例如可以实现将鼠标移动到某个文字链接上。而静态超链接，顾名思义，就是没有动态效果的超链接。
参考资料来源：百度百科-描点
参考资料来源：百度百科-超链接
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）