锚点链接对站点SEO非常重要,当页面内容过多的时候,我们就会用到锚点链接,庞大繁琐的网页,通过点击命名锚点,可以为访问者提供很大的便利去浏览网页内容,更精准的找到自己想要的资料,对站点来说可以让权重均匀传递,更利于排名。今天,分享一点锚点链接知识和制作过程。
1、打开DW软件,选择一个空白的html文档,打开新建一个空白网页。在这里我们做一个简单的示例和演示。
2、OK,这是我刚刚创建的一个页面,左侧为目录,右边为页面。我们发现右面的页面相对较长,不能完全显示。这个时候,我们就需要锚点链接。当我们想点击“目录”百度经验测试3,就跳转到相对应的右侧测试3页面,就需要有锚点链接。
3、我们以百度经验测试3为示例,从头到尾的为大家演示一下锚点链接的制作。首先,我们要选中右侧表格中的测试3,把光标移动到测试3的前面。
4、移动好之后,选择工作区---常用--命名标记按钮。如果你没有如图所示的图标,你可以打开窗口---插入前面打对号就可以了。快捷键:Ctrl+F2。
5、点击之后会弹出命名窗口,不要用汉字命名,然后给锚点添加名称,这里我们命名为“cs3”,添加之后,会出现如图所示的效果。前面有一个锚的小图标,文字被选中了。
6、回到左侧选中,刚刚的目录百度经验测试3,在页面底部有链接的字样(红色框那里),然后把刚刚的锚点名称(cs3)填写进去,这里记得加“#”号。一个页面可以有很多的锚点,这里必须要加“#”号。
7、好的,填写好之后,一个锚点链接就做好了。保存Ctrl+S,然后F12,预览,大功告成。
原文链接:https://m.jb51.net/Dreamweaver/552292.html
本站部分内容转载于网络,版权归原作者所有,转载之目的在于传播更多优秀技术内容,如有侵权请联系QQ/微信:153890879删除,谢谢!
对于系统运维、维护或开发人员来说,能很好、清楚的了解系统各方面资源的使用情...
Dreamweaver中想要将一幅画分割成几份在框内进行拼图游戏;当靠近真确的拼图时自...
开始使用Amaze UI 1.获取Amaze UI 1.1下载文件 首先打开百度输入:Amaze UI --找...
当页面中保含img src=的时候,会导致当前url地址的页面被重复载入。 因为在img ...
我们将使用 CSS3 动画过渡来创建简单但引人入胜的链接悬停效果,将鼠标悬停在链...
本文主要介绍了AmazeUI 加载进度条的实现示例,分享给大家,具体如下: !doctype ...
我们在网页中经常需要控制一些元素的隐藏、透明等属性 style .d1{ display: none...
1.地球之所以是圆的,是因为上帝想让那些走失或者迷路的人能够重新相遇。 2.青...
AmazeUI个人感觉确实蛮不错的,虽然现在还不算特别完善,但毕竟是国内首款,用起...
1.青春是蒲公英,看似自在,实则身不由己。 2.亲爱的过去,请别再拍我的肩膀,...