第九天：提供額外的導覽協助

也許妳對於使用 <link> 標籤來連結樣式表這件事並不陌生。但是妳知道可以用類似的語法來指出首頁及前後頁面的關係嗎？舉例來說，在按時彙整頁面裡，妳可以指出前一天以及後一天的（如果有的話）的文章。如果每則文章項目都有獨立的頁面的話，妳也可以指出前後的項目。

<link rel="home" title="首頁" href="http://網址/指到/首頁" /> <link rel="prev" title="前一頁的標題" href="http://前一頁/的/網址" /> <link rel="next" title="下一頁的標題" href="http://下一頁/的/網址" />

通常這些鏈結在圖形介面瀏覽器（例如 Internet Explorer）裡是看不見的；但是在其他瀏覽器裡則會被顯示出來，並且協助使用者瀏覽妳的網站。妳也許已經提供幾種不同的瀏覽方式了：逐週或逐月的彙整、最近幾篇文章的鏈結、顯示著每日文章的月曆等；也有可能在彙整頁面上已經有往前後一日（篇）的鏈結了。這些都很好，請留著它們，然後再加上這些。

誰因此獲益？

Marcus 從中獲益了。他的純文字瀏覽器 Lynx 會在頁面頂端顯示這些額外的導覽協助，並顯示我們在 title 屬性裡指定的內容。當 Marcus 瀏覽 6 月 18 日的每日彙整頁面時，他看到的是：
```
#Home June 17, 2002 June 19, 2002
```
（ # 可以讓 Marcus 瞭解這是詮釋資料，而不是網頁內容。Lynx 對於有意義的頁面標題也是用一樣的處理方式。）
Michael 從中獲益了。因為他的純文字瀏覽器 Links （別和 Marcus 的 Lynx 瀏覽器搞混了）也會在頁面頂端顯示這些額外的導覽協助，就像這樣：
```
Link: home
Link: prev
Link: next
```
Bill 從中獲益了。因為 Mozilla 會在網站導覽列顯示這些額外的導覽協助。這類的鏈結（「 home 」、「 prev 」、「 next 」）會以按鈕顯示，鏈結的標題則顯示成工具提示 (tooltip) 。（請注意：網站導覽列是在 Mozilla 0.99 版增加的，曾經在 1.0 版被移除，但在 1.1 版又被加回來了。在有支援的版本裡，妳可以從「檢視」選單、「顯示／隱藏」、「站台導覽列」、「永遠顯示」來顯示）
iCab 的使用者從中獲益了。因為 iCab 會在工具列上用下拉式選單來顯示每個網站連結的標題。

怎麼做

在 Movable Type 的按時彙整模版裡，把這幾列附加在 <head> 標籤之後：

<link rel="home" href="<$MTBlogURL$>" title="Home" /> <MTArchivePrevious> <link rel="prev" href="<$MTArchiveLink$>" title="<$MTArchiveTitle$>" /> </MTArchivePrevious> <MTArchiveNext> <link rel="next" href="<$MTArchiveLink$>" title="<$MTArchiveTitle$>" /> </MTArchiveNext>

再來在單篇彙整模版裡，把這幾列附加在 <head> 標籤之後：

<link rel="home" href="<$MTBlogURL$>" title="Home" /> <MTEntryPrevious> <link rel="prev" href="<$MTEntryLink$>" title="<$MTEntryTitle$>" /> </MTEntryPrevious> <MTEntryNext> <link rel="next" href="<$MTEntryLink$>" title="<$MTEntryTitle$>" /> </MTEntryNext>

在 Greymatter 的模版裡，把這幾列附加在 <head> 標籤之後：

<link rel="home" title="Home" href="{{pageindexlink}}"> <link rel="prev" title="{{previousentrysubject}}" href="{{entrieswebpath}}/{{previousentrynumberpadded}}.html"> <link rel="next" title="{{nextentrysubject}}" href="{{entrieswebpath}}/{{nextentrynumberpadded}}.html">

Sjoerd Visscher 提供了一套巨集，可以在 Radio 裡輕鬆做到這些事。

下載導覽鏈結巨集。
解開壓縮檔，並把四個檔案 (navigationLinks.txt, nextDayLink.txt, prevDayLink.txt, permalinkUrl.txt) 複製到 Macros 資料夾裡；按照 Windows 上的標準安裝程序來說，它會被放在 C:\Program Files\Radio UserLand\Macros 。
接著在 Main Template 裡，把這一列附加在 <head> 標籤之後：

<%navigationLinks()%>

很遺憾地，我不知道要如何在 Manila 或 Blogger 裡實作令人滿意的前後文鏈結，但是至少妳可以在網頁的 <head> 標籤後加上這個鏈結：

<link rel="home" title="Home" href="http://url/of/your/home/page">

Dive Into Accessibility

第九天：提供額外的導覽協助

誰因此獲益？

怎麼做

延伸閱讀

站內連結