模板討論:山東行政區劃
本模板依照頁面評級標準無需評級。 本模板屬於下列維基專題範疇: |
|||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
兩個版本
最近看到本模板經常在兩個版本之間轉換。可見兩個版本在顯示上都不兼容。我的體驗:
- 用 FF 1.5 在最大化(1280*1024)下版本A顯示不正常,變成一個豎的長條;在一般窗口(900*650)下兩者都顯示正常。
- 用 IE 6.0 在最大化和一般窗口中都能顯示正常。
A
- 12:09 2006年2月18日 長夜無風
山東省行政區劃 | |||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
B
- 09:18 2006年2月18日 Essolo
山東省行政區劃 | |
---|---|
地級市 | 市轄區、縣級市、縣 |
濟南市: | 市中區 | 歷下區 | 天橋區 | 槐蔭區 | 歷城區 | 長清區 | 章丘市 平陰縣 | 濟陽縣 | 商河縣 |
青島市: | 市南區 | 市北區 | 城陽區 | 四方區 | 李滄區 | 黃島區 | 嶗山區 膠南市 | 膠州市 | 平度市 | 萊西市 | 即墨市 |
淄博市: | 張店區 | 臨淄區 | 淄川區 | 博山區 | 周村區 | 桓台縣 | 高青縣 沂源縣 |
棗莊市: | 市中區 | 山亭區 | 嶧城區 | 台兒莊區 | 薛城區 | 滕州市 |
東營市: | 東營區 | 河口區 | 墾利縣 | 廣饒縣 | 利津縣 |
煙臺市: | 芝罘區 | 福山區 | 牟平區 | 萊山區 | 龍口市 | 萊陽市 | 萊州市 招遠市 | 蓬萊市 | 棲霞市 | 海陽市 | 長島縣 |
濰坊市: | 濰城區 | 寒亭區 | 坊子區 | 奎文區 | 青州市 | 諸城市 | 壽光市 安丘市 | 高密市 | 昌邑市 | 昌樂縣 | 臨朐縣 |
濟寧市: | 市中區 | 任城區 | 曲阜市 | 兗州市 | 鄒城市 | 魚臺縣 | 金鄉縣 嘉祥縣 | 微山縣 | 汶上縣 | 泗水縣 | 梁山縣 |
泰安市: | 泰山區 | 岱嶽區 | 新泰市 | 肥城市 | 寧陽縣 | 東平縣 |
威海市: | 環翠區 | 乳山市 | 文登市 | 榮成市 |
日照市: | 東港區 | 嵐山區 | 五蓮縣 | 莒縣 |
萊蕪市: | 萊城區 | 鋼城區 |
臨沂市: | 蘭山區 | 羅莊區 | 河東區 | 沂南縣 | 郯城縣 | 沂水縣 | 蒼山縣 費縣 | 平邑縣 | 莒南縣 | 蒙陰縣 | 臨沭縣 |
德州市: | 德城區 | 樂陵市 | 禹城市 | 陵縣 | 寧津縣 | 齊河縣 | 武城縣 慶雲縣 | 平原縣 | 夏津縣 | 臨邑縣 |
聊城市: | 東昌府區 | 臨清市 | 高唐縣 | 陽穀縣 | 茌平縣 | 莘縣 | 東阿縣 冠縣 |
濱州市: | 濱城區 | 鄒平縣 | 霑化縣 | 惠民縣 | 博興縣 | 陽信縣 | 無棣縣 |
菏澤市: | 牡丹區 | 鄄城縣 | 單縣 | 鄆城縣 | 曹縣 | 定陶縣 | 巨野縣 東明縣 | 成武縣 |
註:濟南市、青島市為副省級城市。 |
C
加一個版本(10:48 2006年2月19日 (UTC) roc的修訂版本):
山東省行政區劃 | |||||||||||||||||||||||||||||||||||||||
|
緣由及討論
我用版本A的緣由
我之所以用版本A,是因為版本B實在太長了,非常占頁面,而且FF1.5使用者非常少,IE畢竟是主流,我們是否要多考慮到IE使用者的顯示效果?--長夜無風 19:15 2006年2月18日 (UTC)
另外,我個人覺得FF1.5還很不成熟,我嘗試用它去上某些網站,發覺在IE下沒問題的頁面,都會在FF1.5里變形的很嚴重,不知大家有沒有同感?--長夜無風 19:19 2006年2月18日 (UTC)
- B的字體大小比較合適,比A漂亮。67.15.34.251 19:35 2006年2月18日 (UTC)
- 我也知道B的字體比較漂亮,但字體過大了會使模板變長,我們要儘量縮短啊,沒辦法啊。--長夜無風 20:30 2006年2月18日 (UTC)
- 兼容性問題是標準之爭,可以參看Opera#對軟件的爭議。我也曾將維基頁面到W3C上去測,英文版的報錯比這裡少。--Isnow 20:16 2006年2月18日 (UTC)
- 不是FF不成熟,而是因為有些網站依靠ActiveX或者代碼不符和W3C標準, IE支持自己的ActiveX和不符和標準的網站是因為微軟想把互聯網標準制定權掌握在自己手裡,並用單一平台的ActiveX擊敗跨平台的java,繼續鞏固其操作系統的壟斷地位.--66.153.18.134 16:08 2006年3月8日 (UTC)
版本C
我也是注意到兩個版本的顯示問題,著手修改了版本C。一些說明如下:
目標:
- 呈現:在FF及IE中、在不同解析率的螢屏/窗口上、在不同的字號大小下,都能較為簡潔、明瞭地顯示。
- 編碼:僅可能採用W3C標準,並避免冗餘代碼。
- 親和力:照顧困難或殘障人士的需求。
版本C的逐行解釋
- < br clear="all" / >以及< div align="center" >,可以使用起始表格中「clear: both;」及「margin: 1.5em auto;」完成。
- 表格加入「summary="山東省行政區劃"」以幫助盲人用戶,尤其是這個表格並沒有< caption >。
- 表格不使用px定義寬度,便於在各種不同情形下(各種大小的解析率、字號),保持表格的最大允許寬度,使其縱高最短;也保持表格的適當縱橫比例。
- 表頭的「山東省行政區劃」及地圖不是< thead >內容,不應使用!起始。(事實上,這部分屬於< caption >內容,但< caption >中不易置入維基圖片。)若僅為粗體,可使用b或維基語言'''。
- 「地級市」的寬度,使用em做單位,方便不同字號大小的顯示(版本A在默認加一號的情況下,地級市會折行,造成表格拉長)。
- 副表格的左右兩欄都應該用「vertical-align: text-top」,因此放在< tr >(|-)中
- < td >(|)中不需要贅述「text-align: left;」
其他說明:
- FF的使用者其實有不少,即便可能不是主流,也應該照顧這些使用者,避免過於嚴重的呈現問題。即便將來IE可能變成少數,我們也應儘量照顧那些使用者。此外,應該確保在符合W3C標準的瀏覽器上,有最佳呈現效果。
- 有些網站不能用FF正常瀏覽,但卻能用IE正常瀏覽,多數的原因應該是「該網站是為Internet Explorer而設計」或「該網站使用Internet Explorer可獲得最佳效果」。IE自訂了很多不符合國際標準的「標準」,這樣只要大家習慣與適應了,就只能使用他們公司的FrontPage來設計,只能使用他們公司的Internet Explorer在他們公司的Windows上來瀏覽。
- 版本C在IE中,地圖會跑到偏左的位置,但相比於FF中表格嚴重拉長的情況,這個瑕疵應該說是不大。
目前觀點: 我認為版本C能在FF及IE中均較為妥善的顯示,我希望能在該版本的基礎上進行改進。--roc (talk) 08:47 2006年2月21日 (UTC)
- 謝謝ROC,我在版本C上做了一點點小修改,在「山東省行政區劃」所在的表格上,將其寬度寫了一個固定的像素值,是為了避免地圖跑到偏左位置上,不知這個改動妥否?--長夜無風 09:52 2006年2月21日 (UTC)