HTML网页中的锚(书签)链接..

美丽的小花园有许多榕树,一簇簇树叶伸到路面上,树叶真绿的可爱。榕树正在茂盛的时期,好象把它全部生命力都展示给我们看。那么多的树叶,一簇堆在另一簇上面,不留一点缝隙,我仿佛也成了一片树叶。那翠绿的颜色明亮地照耀着我的眼睛,似乎每片叶子上都颤动着一个新的生命。这美丽的北国树啊。

如果网页中的内容过多,会使得网页变长,在浏览网页的时候,就需要不停的拖拽网页非常的麻烦。而如果我们要在一个内容多的长网页中寻找一部份需要的内容,那显得更加的麻烦和繁琐。当然针对这种情况,HTML标记语言方给我们提供了一个很好的解决方法——HTML中的锚(书签)链接。

HTML网页中的锚(书签)链接..

要建立一个锚(书签)链接,需要两个步骤。首页要建立锚点也就是书签,二是为锚点(书签)建立超链接

建立锚点(书签)

要想实现网页内容的引导和跳转,首先需要在跳转到的内容里加入一个锚点,也就是书签。这里我们可以把锚点(书签)当然一本书中你所要查找的内容页的页码。

语法:

<a name="锚点的名称"></a>

解释:上面语法中的“锚点的名称”也就是你所建立的锚点的一个代号,就像书本中每一页中的页码一样,可以很方便的通过它查找你所需要的内容。

实例代码:

<a name="mochu">这里可以是链接到的内容</a>

建立超链接

在一本书中是少不了目录的,我们可以通过目录很方便的查找到目录所指示的内容。锚链接也一样,我们要为它建立的锚点加入一个超链接才能实现页面内容的跳转。

语法:

<!--同一页面-->
<a rel="nofollow" href="#链接的锚点名称">链接文字</a>
<!--不同页面-->
<a rel="nofollow" href="页面的URL#链接的锚点名称">链接文字</a>

例子:

<!--同一页面-->
<a rel="nofollow" href="#mochu">链接文字</a>
<!--不同页面-->
<a rel="nofollow" href="http:feiniaomy.com#mochu">链接文字</a>

注意:在为锚点(书签)创建的链接中的锚点(书签)名的前面一定要加入“#”符号,那样浏览器才会认为这是一个锚点的链接,否则会出现错误

到此这篇关于HTML网页中的锚(书签)链接..就介绍到这了。世界上只有一样东西是任何人都不能抢走的,那就是智慧。更多相关HTML网页中的锚(书签)链接..内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
HTML标签之!DOCTYPE文档类型声明

如何使用html+css代码如何实现冰墩墩和雪容融效果

html中checkbox与radio样式美化的简单实例

div设置可编辑内容的方法

css设置placeholder的颜色样式的方法