iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 17
0
自我挑戰組

如何架出github.io的個人網頁-html的30天自由式筆記系列 第 17

如何切換到另一個頁面?

之後,若你想從一個頁面連接到其他頁面……

可以選擇 超連結 的語法:

<a href="要連結的URL" target="用何種方式前往連結" title="連結替代文字"會顯示的連結圖文</a>

比較特別的是target這一項,常見的語法有:
另開視窗(_blank)
直接於現在的視窗開起(_self)
開啟於父層框架(_parent)
……等等

target是非必要的項目,如果沒有特別設定,則會默認(_self)為方法。

或是 讓使用網頁自動更新,讓它在設定好的時間內自行跳轉:

<meta http-equiv="refresh" content="更新秒數 ; url=要轉往的路徑">

首先比較值得注意的是,應該要寫得像這樣。
https://ithelp.ithome.com.tw/upload/images/20181101/20112034l41ypcd3nA.png
想要省去分號也可以,就直接以空白分割。
https://ithelp.ithome.com.tw/upload/images/20181101/20112034cDZ6WE61r9.png
不過這樣在之後修改時,容易眼脫忽略,需多加注意~

千萬不要寫成下列這樣,雖然想成這樣感覺很合理。
https://ithelp.ithome.com.tw/upload/images/20181101/20112034X1KzBk1bcl.png

也不需要為更新的秒數加上單位量詞,畫蛇添足反而會讓網頁看不懂。
https://ithelp.ithome.com.tw/upload/images/20181101/20112034vuEko0gkZJ.png


這是目前我常用的2個方法,若日後又想到其他的,還會再補上~


上一篇
除了主頁之外,我想開其他分頁,該怎麼辦?
下一篇
URL究竟是什麼?網址嗎?
系列文
如何架出github.io的個人網頁-html的30天自由式筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言