模板讨论:山东行政区划
本模板依照页面评级标准无需评级。 本模板属于下列维基专题范畴: |
|||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
两个版本
最近看到本模板经常在两个版本之间转换。可见两个版本在显示上都不兼容。我的体验:
- 用 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)