在HTML網頁中建立「超連結(Hyperlink)」可使用超連結元素(Hyperlink element)<a>。
超連結元素<a>又稱錨定元素(Anchor element)。
那什麼是超連結呢，超連結就是可以讓你從目前的HTML文件連到另一個HTML文件的東西，通常簡稱「連結」就好。
例如，下面這段文字就是一個使用<a>建立的一段超連結文字。
「點我開啟Google頁面。」
上面那段連結的HTML中寫法如下。
<a href="https://www.google.com.tw/" target="_blank">點我開啟Google頁面</a>
<a>標籤有以下幾個常用屬性。
href屬性用來設定連結頁面的URL位址，例如上例的連結位址為「https://www.google.com.tw/>www」。
target屬性用來設定連結頁面的開啟位置，若不設定預設為_self。
_blank：在新的瀏覽器視窗或頁籤打開。例如上面範例。_self：在目前的頁面打開，也就是目前頁面會直接切換成連結頁面。此為預設值。_parent：在父框架頁面開啟連結頁面，若沒有父框架頁面，則效果同_self。此與<iframe>有關。_top：在獨立的瀏覽器頁面開啟連結頁面，若沒有父框架頁面，則效果同_self。此與<iframe>有關。framename：在指定名稱的框架中開啟頁面。此與<iframe>有關。
rel屬性說明目前頁面與連結頁面的關係。至於有哪些值可以設定及含意，請參考Link types。
通常大多使用href指定連結位址，使用target指定在何處開啟連結頁面。至於其它屬性如referrerpolicy，type，download，ping比較少用，有需要在深入理解即可。
下面的連結沒設定target，所以預設是_self，會直接切換到Google頁面。
<a href="https://www.google.com.tw/">點我開啟Google頁面</a>
因此當你需要在HTML頁面中連結到其他頁面，就使用<a>標籤吧。
參考：
沒有留言:
張貼留言