HTML5中各种标签总结（超链接标签、锚点设置）
生活随笔
收集整理的這篇文章主要介紹了
HTML5中各种标签总结（超链接标签、锚点设置）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一、超鏈接標簽<a></a>
作用：實現頁面的跳轉功能
href：控制跳轉的目標位置
target：_self:再自身頁面打開（默認效果也是在自身頁面打開）
_blank:在空白頁打開
二、設置錨點
應用場合：當一個頁面太長的時候，就需要設置錨點，然后可以在同一個頁面的不同位置之間進行跳轉。
同一個頁面不同位置的跳轉：
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>設置錨點</title></head><body><a name="1F"></a><h1>手機</h1><p>華為p40</p><p>華為p40</p><p>華為p40</p><p>華為p40</p><p>華為p40</p><p>華為p40</p><p>華為p40</p><p>華為p40</p><p>華為p40</p><a name="2F"></a><h1>化妝品</h1><p>大寶</p><p>大寶</p><p>大寶</p><p>大寶</p><p>大寶</p><p>大寶</p><p>大寶</p><a name="3F"></a><h1>母嬰產品</h1><p>奶粉</p><p>奶粉</p><p>奶粉</p><p>奶粉</p><p>奶粉</p><p>奶粉</p><p>奶粉</p><p>奶粉</p><p>奶粉</p><a name="4F"></a><h1>圖書</h1><p>thinking in java</p><p>thinking in java</p><p>thinking in java</p><p>thinking in java</p><p>thinking in java</p><p>thinking in java</p><p>thinking in java</p><p>thinking in java</p><p>thinking in java</p><a href="#1F">手機</a><a href="#2F">化妝品</a><a href="#3F">母嬰產品</a><a href="#4F">書籍</a></body> </html>不同頁面利用錨點：
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>設置錨點</title></head><body><a href="設置錨點.html#1F">超鏈接</a></body> </html>總結
以上是生活随笔為你收集整理的HTML5中各种标签总结（超链接标签、锚点设置）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： HTML5中各种标签总结（body标签）
- 下一篇： HTML5中各种标签总结（列表标签、表格