縱排網站製作經驗談



  自從有了設計縱排中文網站的念頭時,那時(大概廿年前吧)的HTML Tag都還不支援。能做到的是,把資料做成直排的PDF檔案,再由訪客下載閱讀。之後,各家瀏覽器開發自己的直排tag,因為各自不相容,寫程式時,要把每家的tag都寫上去,變成非常冗長。

 

  直到縱排tag標準設定之後,長串的程式,變成只需一行,簡潔與便利。

 
  writing-mode: vertical-rl;
 

  實際上,把中文轉成直排,還只是剛開始。要如何讓版面看起來順眼、順心與應手,也就是使用體驗,方方面面都在考驗版面設計與程式編輯功夫。日本的直排網頁普及委員會的官網《縦書きWeb普及委員会》裏面介紹很詳細的版面設計所需要的技巧與程式寫法,例如一個頁面內分欄、縱中橫(民國113年)、長篇文章捲動等等… 雖然全是日文說明,但還能大致了解所講的內容。非常推薦有興趣的朋友們閱覽。



ios_share 網䈎分享




※ 吉野夫於2024年314日撰文



標籤: 技術  直排  縱排  豎排 

分類: 網誌





發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *