基于网页的布局

我从销售模板的网站为我的网站使用HTML模板,因为我不是设计师,并希望准备好一些东西,我使用Rails来开发我的产品。 我注意到一些网站通过使用CSS和页面中组件的绝对定位将他们的模板设计为“无表格”。 我实际上习惯于在页面中使用表格。

你对此有何看法? 没有使用表格有真正的优势吗?


简单的答案是,你应该使用表格来表格数据(而不是布局,请参阅这里为什么),否则你使用正确的元素用于正确的目的, p为段落, div为有意义的划分(不要滥用div)等等等等。 每个元素都有其用途,您应该使用w3.org来查找。

这就是说,有些人在CSS中仍然存在错误的思维方式,应该避免完全依赖于绝对定位和像素完美滥用的布局,而应该依赖流畅的基于em的布局,因为这些布局是可行的更适应不同的屏幕分辨率和环境。

使用正确的语义标记HTML和CSS的其他好处是,您可以控制样式表中的所有样式,这样可以减少标签汤代码(文件较小),您只需要担心更新内容,而不是布局内部布局标记[表示(css)与行为(js)和内容(html)的分离]。


不使用表的真正好处

  • 更快的页面加载
  • 降低了托管成本
  • 重新设计更高效
  • 重新设计更便宜
  • 在整个网站中维护视觉一致性
  • 更适合SEO
  • 无障碍
  • 竞争优势(工作保障)
  • 快速网站更新
  • 团队更容易维护(和个人)
  • 可用性增加
  • 更复杂的布局和设计
  • 没有spacer gifs
  • 阅读更多这篇不错的文章

    CSS vs Tables - CSS在网站设计中优于表格的13个理由


    无表格布局v基于表格的布局可被视为整个“语义HTML”辩论的最简单方面。

    正如meder所说的“为了正确的目的而使用正确的元素”

    但这一场辩论,而不是法律,你不能强迫网络开发者遵守。

    链接地址: http://www.djcxy.com/p/88183.html

    上一篇: based layouts for web pages

    下一篇: Make a DIV fill an entire table cell