自從有了設計縱排中文網站的念頭時,那時(大概廿年前吧)的HTML Tag都還不支援。能做到的是,把資料做成直排的PDF檔案,再由訪客下載閱讀。之後,各家瀏覽器開發自己的直排tag,因為各自不相容,寫程式時,要把每家的tag都寫上去,變成非常冗長。
直到縱排tag標準設定之後,長串的程式,變成只需一行,簡潔與便利。
writing-mode: vertical-rl;
實際上,把中文轉成直排,還只是剛開始。要如何讓版面看起來順眼、順心與應手,也就是使用體驗,方方面面都在考驗版面設計與程式編輯功夫。日本的直排網頁普及委員會的官網《縦書きWeb普及委員会》裏面介紹很詳細的版面設計所需要的技巧與程式寫法,例如一個頁面內分欄、縱中橫(民國113年)、長篇文章捲動等等… 雖然全是日文說明,但還能大致了解所講的內容。非常推薦有興趣的朋友們閱覽。
※ 吉野夫於2024年3月14日撰文