Rumah > hujung hadapan web > html tutorial > 页面内跳转的锚点设置

页面内跳转的锚点设置

零下一度
Lepaskan: 2017-07-17 16:02:34
asal
1792 orang telah melayarinya

最简单的方法是锚点用标签,在href属性中写入DIV的id。

一、页面内跳转的锚点设置

        页面内的跳转需要两步:

        方法一:

        ①:设置一个锚点链接去找喵星人;(注意:href属性的属性值最前面要加#)

        ②:在页面中需要的位置设置锚点;(注意:a标签中要写一个name属性,属性值要与①中的href的属性值一样,不加#)标签中按需填写必要的文字,一般不写内容

        方法二:

        ①:同方法一的①

        ②:设置锚点的位置  

喵星人基地

;在要跳转到的位置的标签中添加一个id属性,属性值与①中href的属性值一样,不加#

        方法二不用单独添加一个a标签来专门设置锚点 ,只在需要的位置的标签中添加一个id即可。

小案例:




    
    萌宠集结号



    

    
    

喵星人基地


    

喵喵喵~


    

喵喵喵~


    

喵喵喵~


    

喵喵喵~


    

喵喵喵~


    

喵喵喵~


    
    
    

汪汪汪~


    

汪汪汪~


    

汪汪汪~


    

汪汪汪~


   

汪汪汪~


    

汪汪汪~



    
    

萌萌萌~


    

萌萌萌~


    

萌萌萌~


    

萌萌萌~


    

萌萌萌~


    

萌萌萌~




二、跨页面跳转

①:设置锚点链接,在href中的路径后面追加:#+锚点名,即可

       如:跳转到萌宠集结号页面

②:要跳转到的页面中要设置锚点,方法见一种的步骤②,两个方法任选其一。

Atas ialah kandungan terperinci 页面内跳转的锚点设置. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan