DIV CSS 佈局教程網

當數據太多（或者數據項列表太長）一頁顯示不下時，將數據項列表拆分進一系列的頁中。

提供“上一頁”和“下一頁”的鏈接讓人們可以訪問被分頁的數據，最好同時也提供“第一頁”和“最後一頁”的鏈接。

解決什麼問題？

用戶需要從一大組分好類的，但是無法簡單的顯示在一頁的數據中查看一些數據項

什麼時候用？

信息多到無法合適的放到一頁中

通常感興趣的內容可以在前幾頁就能看到

需要深度研究的信息，應該考慮放到一個可以滾動的區域內顯示

具體解決辦法是什麼？

將數據項列表拆分進一系列的頁中

提供”上一頁”和”下一頁”的鏈接來訪問信息

同時提供跳轉到”第一頁”和”最後一頁”的鏈接

同時提供用戶正在訪問的信息類型（type of object）

顯示用戶當前正訪問的一組內容的信息。使用表單”［$ObjectName］s ［DisplayedItemRange］ of ［TotalItems］“（［內容名稱］ ［當前顯示的內容范圍］/［全部內容］ ）

按照以下順序顯示鏈接： 第一頁， 上一頁， 下一頁， 最後一頁

使用箭頭圖標來增加鏈接的可點區域

當鏈接不可用時需要表現出不可用狀態

為什麼使用這個組件？

箭頭圖標可以幫助區分鏈接，同時增大可點區域

跟搜索結果翻頁不一樣，在翻頁時，控制鏈接是一直可見的（即使不可用）。這樣可以防止當翻頁時，不可用鏈接忽然被隱藏，干擾到用戶

可訪問性

正在訪問的頁面不要加上鏈接。比如，如果正在訪問第3頁，那麼數字3應該沒有鏈接。

原文地址： http://developer.yahoo.com/ypatterns/navigation/pagination/item.html

文章來源：pd4.me/blog/ 轉載請注明出處鏈接。