2018年12月14日 星期五

[Back To Basic] HTML5 - Link

Link

  • HTML的Link用<a></a>表示
  • href屬性,用來指定目的位址
  • <a href="https://www.google.com/">Visit Google</a>
*.請養成好習慣在url最後要加一個正斜線,如果沒有加,很多瀏覽器會自己加上去並且再送一次request
  • href可用絕對位置,也可用相對位置
  • link的樣式可自行調整

link 的 target 屬性(attribute) 

target可設定如何開啟這個連結
  • _blank 在新分頁 / 新視窗開啟連結
  • _self 在自己這頁開啟連結(預設)
  • _parent 在父框架開啟連結
  • _top 視窗的body開啟連結
  • framename 在特定框架開啟連結
TODO: 補範例

link 的 title 屬性(attribute) 

可以設定要顯示的tooltip

link 的 書籤(bookmark) 屬性(attribute) 

可以輔助使用者跳到網頁特定的地方
e.g.
<h1 id="test1">Title 1</h1>
<a href="#test1">Jump to Title 1</a>

也可跳到別頁去
<a href="anotherPage.html#test1">Jump to test1</a>




沒有留言:

張貼留言