Html的锚点链接

HTML中的链接,正确的说法应该称作"锚点",它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具,让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时,标记锚点是最佳的方法。

用法

1、创建命名锚点,给该标签一个id

2、链接到命名锚点,其href属性的值为#命名锚点的id值

举例



    
        
        锚点链接
    
    
        
 
        

辛弃疾

       

辛弃疾(1140-1207),南宋词人。原字坦夫,改字幼安,别号稼轩,汉族,历城(今山东济南)人。出生时,中原已为金兵所占。21岁参加抗金义军,不久归南宋。历任湖北、江西、湖南、福建、浙东安抚使等职。

         

王维

       

王维(701年-761年,一说699年—761年),字摩诘,号摩诘居士。汉族,河东蒲州(今山西运城)人,祖籍山西祁县,唐朝诗人,有“诗佛”之称。苏轼评价其:“味摩诘之诗,诗中有画;观摩诘之画,画中有诗。”

         

纳兰性德

       

纳兰性德(1655-1685),满洲人,字容若,号楞伽山人,清代最著名词人之一。其诗词“纳兰词”在清代以至整个中国词坛上都享有很高的声誉,在中国文学史上也占有光彩夺目的一席。

         

李商隐

       

李商隐(约813年-约858年),字义山,号玉溪(谿)生、樊南生,唐代著名诗人,祖籍河内(今河南省焦作市)沁阳,出生于郑州荥阳。他擅长诗歌写作,骈文文学价值也很高,是晚唐最出色的诗人之一,和杜牧合称“小李杜”

         

陆游

       

陆游(1125年11月13日-1210年1月26日),字务观,号放翁,汉族,越州山阴(今浙江绍兴)人,尚书右丞陆佃之孙,南宋文学家、史学家、爱国诗人。陆游生逢北宋灭亡之际

         

陶渊明

       

陶渊明(约365~427年),字元亮,晚年更名潜,字渊明。别号五柳先生,私谥靖节,世称靖节先生。浔阳柴桑(今江西九江)人。东晋末到刘宋初杰出的诗人、辞赋家、散文家。

   

 运行浏览器后得到的效果如图

以上实例,类似一个书签目录,用户可以通过点击需要查看目录名,直接跳转到当前页面的目录内容下,这样查看非常的方便,用户体验也会很好。

附加说明:创建锚点链接在一个复杂并且页面比较多的文档中是非常有必要的。

link:Html设置页面内的锚点链接,用法详解_网页制作_青青个人博客

 

你可能感兴趣的:(前端,html,前端)