關於網頁直行顯示的進一步資訊

自從我在幾年前用表格編排了一篇直行文章後，就有段時間沒再提過文章直排。當時有網友提供 CSS 的直排方法，不過卻只能用在微軟的 IE 瀏覽器上。隨著這段時間的進展，現在 Safari 和 Chrome 也已經能透過 CSS 呈現直排，我就在此整理一下更詳細的資訊。

Safari 和 Chrome 這些採用 WebKit 的瀏覽器是透過 -webkit-writing-mode 這個 CSS 屬性來達成直排的目的。其中 vertical 代表直寫，而 rl 則代表每行從右排到左。

這個 writing-mode 屬性其實是原先在 IE 上就出現的，現在似乎會成為 CSS3 的一部分，而 WebKit 也開始支援它前列，不過目前必須在前面加上 webkit 的字樣，不然的話會沒有作用。

Safari 和 Chrome 都能很順利地處理直排文字，跨行選取文字完全沒問題，插入文字的游標也會隨著直排而從垂直變成水平，比起我和其他人先前用的旁門左道要好得多。

看得很累嗎？:P 因為文章中含有許多轉了九十度的英文。以下就開始橫排啦！

以下列出 WebKit 的直排語法：

-webkit-writing-mode: vertical-rl;　(由右至左直排)
-webkit-writing-mode: vertical-lr;　(由左至右直排)
-webkit-writing-mode: horizontal-tb;　(橫寫)

橫寫時可以配合 direction 的屬性，例如：

direction: rtl;　(右至左)
direction: ltr;　(左至右)

至於舊版 IE 要直排時則可使用：

writing-mode: tb-rl;

不過舊版 IE 的表示值似乎已經被 CSS3 否決，WebKit 的才是目前 CSS3 草案中規定的用法，也就是減號前面只表示直排或橫排，至於橫排的左右書寫方向則由 direction 決定。

在 Mac OS X 的「字典」軟體中，也可看到用這種直排方式，只要進入「字典」的偏好設定，點選日文的「大辞泉」，就可以改為直排。另外，蘋果新的 iOS 5 行動作業系統也開始支援直排，所以這篇文章也可以在安裝了 iOS 5　的 iPhone 或 iPad 上直排閱讀。

本文同步刊登於符號工作站

繪文字可當網域名稱，OS X Lion 可支援

「繪文字」是從日本開始流行的圖案文字和表情圖案，經常用在手機簡訊之中。由於 iOS 支援繪文字，所以許多 iPhone 使用者也會用這些圖案來傳送訊息。現在 Mac 的最新系統 OS X Lion 也開始支援繪文字了，所以你可以在 Lion 中使用這些圖案。

要在 Lion 中輸入繪文字，可以在輸入文字時選擇「編輯」選單裡的「特殊字元」，然後就會看到下圖的字元面板。選擇左欄的「表情符號」之後，會有人物、自然、物體、地點、符號等種類可以挑選。如果你的軟體沒有「特殊字元選單」，可以試著使用內建的「文字編輯」軟體。

我在 Lion 中試著寫了一篇含有繪文字的電子郵件，然後用 iPhone 收取郵件，結果 iPhone 可以正確顯示繪文字的圖案。而從 iOS 5 Beta 寄出郵件到 Lion，也可以看到其中的繪文字。

較早期的繪文字是將符號放在 Unicode 中可自行定義的字碼中，不過 Unicode 6.0 已將七百多個繪文字正式納入，OS X Lion 就是使用這套標準的 Unicode 編碼來處理繪文字。

更有趣的是，有人竟然用繪文字申請了網址，例如下面這個網站：

http://💩.la

目前似乎只有 Lion 的 Safari 完全支援它。如果你的系統不支援繪文字，可能看不到正確的圖案。其網址和網頁的外觀如下所示：

這個有點不雅的網址是由 Panic 公司所申請，而且他們還申請了卡車和葉子圖案的網域，用來當作 Transmit 和 Coda 這兩個軟體的網址。

但 Panic 是如何申請到這樣的網址的呢？雖然現在有些網址已經可以使用非羅馬字，但還是不能漫無限制地使用任何特殊符號。只是寮國的相關單位似乎不受控，所以能接受這種怪異網址的申請。現在寮國也不再接受這樣的申請了，所以有人又開始把目標轉向托克勞的域名 .tk。

關於 Panic 繪文字網址的詳細資訊，可參考該公司的網誌。

本文同步刊登於符號工作站