十大慎重提醒
- 字體備援機制:用
face="字體1,字體2,字體3" 指定優先序,避免訪客無字體時版面崩壞。
- 慎用軟性換行:表格中自動換行在 Netscape/Opera 會失效,每行結尾加 Shift+Enter 或原始碼插入
<br>。
- 顏色選擇用安全色:自訂顏色在調色板缺乏時會產生抖動失真,大面積背景請用 216 色安全色盤。
- 以 JavaScript 取代 ActiveX 動態元件:FP 動態元件多基於 ActiveX,Netscape 不支援。同等效果用 JS 實現更跨平台、速度更快。
- 重要提示勿放 Java 跑馬燈:Netscape/Opera 中文支援差易產生亂碼,同頁盡量少用 Java Applet 以免拖慢速度。
- 同時設定表格背景圖與背景色:部分瀏覽器不顯示背景圖或使用者關閉圖形,背景色可作備援。
- 檔名儲存為 .htm:早期 Win3.x 不支援 4 字元副檔名,.htm 相容性最佳。
- 閃爍標籤
<blink> 不通用:僅部分瀏覽器支援,勿仰賴增加動感。
- 明確指定字體與字號:瀏覽器預設值不一,未指定時顯示差異大。
- 多瀏覽器預覽測試:FP 無法涵蓋所有 HTML/商業競爭導致效果差異,發佈前必測 IE/Netscape/Opera 等主流瀏覽器。
結語
遵循這 10 項原則,能最大程度確保網頁在不同環境下一致呈現,是專業網頁設計師的基本素養。