在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>
標籤吧。
參考:
沒有留言:
張貼留言