相关疑难解决方法(0)

为什么不在HTML中使用表格进行布局?

似乎普遍认为表不应该用于HTML中的布局.

为什么?

我从来没有(或很少诚实地)看到这方面的好论据.通常的答案是:

  • 将内容与布局分开是件好事
    但这是一个错误的论点; 陈词滥调.我想使用表格元素进行布局与表格数据几乎没有关系.所以呢?我的老板在乎吗?我的用户在乎吗?

    也许我或我的开发人员必须维护一个网页关注......一个表不易维护吗?我认为使用表比使用div和CSS 更容易.

    顺便说一下...为什么使用div或span将内容与布局和表格分开?只使用div来获得一个好的布局通常需要很多嵌套的div.

  • 代码的可读性
    我认为这是另一种方式.大多数人都懂HTML,很少有人理解CSS.

  • SEO最好不要使用表格
    为什么?任何人都可以证明它是有证据的吗?或谷歌发表的声明表示,从SEO的角度来看,表格是不受欢迎的?

  • 表格较慢.
    必须插入额外的tbody元素.这是现代网络浏览器的花生.向我展示一些基准,其中使用表会显着减慢页面的速度.

  • 如果没有桌子,布局检修会更容易,请参阅css Zen Garden.
    大多数需要升级的网站也需要新内容(HTML).新版本的网站只需要新的CSS文件的情况不太可能发生.Zen Garden是一个不错的网站,但有点理论上.更不用说它滥用 CSS了.

我真的对使用divs + CSS而不是表格的好参数感兴趣.

html css

665
推荐指数
24
解决办法
45万
查看次数

常见的Web UI样式

在接下来的几天里,我必须向我的一个客户展示一个Web应用程序的原型,事情是我不太擅长CSS,最糟糕的是我几乎从不对我得到的结果感到满意.

对业务逻辑进行编码对我没有任何挑战,但UI设计占用了我80%以上的时间.我不需要任何令人惊叹的东西,只需一个干净,漂亮和可呈现的环境,例如:

alt text http://i48.tinypic.com/t0p1fq.png

这是我一直存在的一个反复出现的问题,我希望Web UI开发可以有一个不那么裸的默认样式,类似于Visual StudioiPhone SDK的方法对我来说非常有用.

使用Balsamiq Mockups创建的上述模型是一个很好的例子,所有最常见的"组件"都可以使用,最重要的是:只有一种好看的风格可供选择.

网络上有这样的东西吗?一个中立但不错的CSS或Javascript UI框架?


目前的选项:

我很想知道是否有任何仅CSS的UI框架.

我发现这个页面有一个非常好的Web UI库列表,但是大多数(至少是好的)似乎都是特定于Java的,在纯CSS或JS中有没有同样好的选择?

PS:我对AJAX,效果,行为等不感兴趣......我主要(唯一)关注的是风格.


感谢所有人的建议!

在仔细考虑了所有建议的UI库之后,我得出的结论是ExtJS和Qooxdoo是最符合我需求的.jQuery UI似乎很有前景,但只提供了减少的元素数量.

至于CSS专用库,我发现BlueTrip/BluePrint和tambler建议的主题是最好的.除此之外,Flex和Napkee似乎也值得探索.

现在是时候学习ExtJS了!=)

css user-interface

91
推荐指数
4
解决办法
7991
查看次数

使用CSS的流体布局

我注意到在一些使用流畅布局的网站上,可以删除页面上的元素,并在窗口缩小到较小尺寸时替换元素,显然是为了使内容更容易查看.

例如:http://simplebits.com/

我的问题是......用什么css来实现这个目标(如果它是css,也许是JavaScript ......)?为了更多地了解这种技术,我应该注意什么?

谢谢!

javascript css

6
推荐指数
3
解决办法
2281
查看次数

我应该直接向新学员教授CSS布局,还是应该首先教授如何使用表格进行布局,然后是无桌面布局?

我应该直接向新学习者教授CSS布局,还是应该首先教授如何使用表格进行布局,然后使用div + CSS?

我应该在HTML或XHTML之间教什么两者都是一样的,所以我应该直接使用XHTML 1.0 Strict吗?

css xhtml

4
推荐指数
1
解决办法
682
查看次数

如何让css更小?

我有一个CSS文件,它对整个页面进行了样式处理,并且它正在进行Gzip,并且它已经缩小了,但它仍然是200kb.还有什么我可以做的吗?

css

0
推荐指数
1
解决办法
1290
查看次数

标签 统计

css ×5

html ×1

javascript ×1

user-interface ×1

xhtml ×1