子標題:關於斗數排盤設計 - 上
在以往以IE瀏覽器為主流的年代,當時的我對網頁設計較為著重於外觀上的顯示,忽略了優質代碼的重要性,直到兩年多前開始由 HTML 玩到 XHTML ,才有所改變。就在差不多同一時候,網絡瀏覽器中Firefox的火速冒起引起我的注意,一個遵循W3C標準的瀏覽器,使我成為W3C網的驗證常客,正因為如此,我才能從不斷的錯誤中進步,由IE與Firefox兩兼顧進而演變成今天兼顧多種不同核心瀏覽器,其中單是 Trident 核心的IE,不同版本在排版表現上郤有很大的差異性。
時至今天,另一個遵循W3C標準的瀏覽器 ─ Opera成為我使用率最高的瀏覽器,Firefox則緊隨其後,它們在支援標準的XHTML和 CSS 方面明顯比IE有絕佳的表現,但是對於早期以非標準的IE瀏覽器作為調試之下的產物,一放到這兩種瀏覽器就面目全非,其他瀏覽器如Safari之下也不會好得多少。
網頁尚且如此,少數紫微斗數線上排盤程式的設計亦不例外,在IE以外的瀏覽器下,多少亦受到影響,導致在非IE下張貼命盤時出現「命盤還未睇,盤面先解體」的情況,即使有些命盤可以正常顯示,但郤不能通過 W3C 標準驗證。
命盤代碼既然是提供給使用者張貼於任何網站,要通過驗證,理應根據張貼命盤的所在網站使用的DOCTYPE宣告檢驗出來為準,但是這樣生出了另一個問題,不同網站使用的DOCTYPE宣告不一定會相同,當這邊廂驗證通過,另一邊廂郤滿堂紅,那又以何為準呢?其實命盤代碼張貼在任何不同DOCTYPE宣告的網站且能通過W3C標準檢驗並非是一件不可能的事,代碼若能採用嚴格的DTD來構成實為最佳的做法。
為了測試使用嚴格版 ─ XHTML Strict 構成的代碼放於不同DOCTYPE的可行性,我已做了一個全新的斗數排盤設計,用了十種瀏覽器測試,結果一致通行。
以下是各種瀏覽器在XHTML Strict下的顯示結果,Transitional和沒有DOCTYPE的結果與Strict同。
時至今天,另一個遵循W3C標準的瀏覽器 ─ Opera成為我使用率最高的瀏覽器,Firefox則緊隨其後,它們在支援標準的XHTML和 CSS 方面明顯比IE有絕佳的表現,但是對於早期以非標準的IE瀏覽器作為調試之下的產物,一放到這兩種瀏覽器就面目全非,其他瀏覽器如Safari之下也不會好得多少。
網頁尚且如此,少數紫微斗數線上排盤程式的設計亦不例外,在IE以外的瀏覽器下,多少亦受到影響,導致在非IE下張貼命盤時出現「命盤還未睇,盤面先解體」的情況,即使有些命盤可以正常顯示,但郤不能通過 W3C 標準驗證。
命盤代碼既然是提供給使用者張貼於任何網站,要通過驗證,理應根據張貼命盤的所在網站使用的DOCTYPE宣告檢驗出來為準,但是這樣生出了另一個問題,不同網站使用的DOCTYPE宣告不一定會相同,當這邊廂驗證通過,另一邊廂郤滿堂紅,那又以何為準呢?其實命盤代碼張貼在任何不同DOCTYPE宣告的網站且能通過W3C標準檢驗並非是一件不可能的事,代碼若能採用嚴格的DTD來構成實為最佳的做法。
為了測試使用嚴格版 ─ XHTML Strict 構成的代碼放於不同DOCTYPE的可行性,我已做了一個全新的斗數排盤設計,用了十種瀏覽器測試,結果一致通行。
以下是各種瀏覽器在XHTML Strict下的顯示結果,Transitional和沒有DOCTYPE的結果與Strict同。
| 睡蓮排盤設計 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| nb char (僅參考) | 8954 (代碼排成一行的number characters,時辰確定表內容佔941) | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 排版引擎 | Gecko | Presto | WebKit | Trident | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 瀏覽器 | Fx | Flock | SM | NN | K-M | Opera | Safari | Chrome | IE | MT | Sleipnir | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 觀看 版本 | 3 | 1.2 | 1.1 | 9 | 1.1.5 | 9.5 | 9.2 | 3.1 | 0.2.149.27 | 8Beta1 | 2.1 | 2 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 7 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 2 | 3.0 | 6 | 2.0 | 1 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 5.5 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||