<a>标签与锚链接的用法

一、需求的背景:

当网站页面内容过多且比较长的时候,用户需要在网页里上下来回的翻滚,查阅页面的信息内容时,那使用浏览器的滚动条翻滚,就显得没那么方便并且用户体验不好。例如:像百度里名人百科,关于名人的介绍的信息有很多。那使用<a>标签跟锚链接结合就可以方便用户浏览网页,就不用手动的来回拖到滚动条了。

二、用法:

当网页过长时需要定位或者跳转到网页的那个地方时也就是要跳那个目标点,那就需要在目标点处定一个锚点。例如:要跳到刘德华的演艺经历,那么要刘德华的演艺经历h2标签里定锚点id='acting_career',把<a>标签链接的地址href属性值设为:#acting_career就行。

如图:


锚链接的目标点id属性值设为:acting_career:如下图:


三、在本页面跳转到其他页面里的锚链接的目标点:

如果想在本页面跳到其他页面的某个锚链接的目标点上,如果下图所,在“跳转到其他页面锚链接的目标点.html"这页面到到“a标签与锚链接.html”的演艺经历。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容