何时使用CSS以及何时在HTML中执行此操作

Nik*_*ntz 1 html css

我尝试概述了CSS与表格的优缺点,并了解在哪种情况下使用哪些.然后使用css代替表和文件的优点

  • CSS用于数据的信息和表格(模糊哪个是哪个)
  • CSS可以无限扩大,因为它是代码
  • CSS您可以轻松地多语言输入文本
  • 也很容易改变颜色

您是否同意或另有建议?看起来理论上的表应该很少使用,你是否有支持HTML表的论据?

And*_*ber 12

你的比较是错误的,IMO; CSS和HTML表是完全互补的.事实上,他们的合作非常好.所以,它不是"我使用表格还是 CSS".

当您在概念上和表示上与电子表格类似时,应使用表格.您可以定义您喜欢的方式,但这可以获得广泛的想法.

CSS应该用于(X)HTML ...表格和所有的样式和布局.


Tim*_*ora 6

实际上,使用CSS选择器,您可以使用CSS获得非常灵活的表格格式.如果有的话,即使在现代网站上,CSS也能使表成为可行的显示选项.

CSS 3选择器:http://www.w3.org/TR/css3-selectors/#selectors.所有浏览器都不支持一些更深奥的选择器,但即使在旧版本的IE中,也会出现令人惊讶的数字.

解决您的具体问题:

"CSS用于数据的信息和表格(模糊是哪个)"

我会改为说这些表只应用于表格数据,但CSS可用于任何与样式相关的表(包括表格).

您可能指的是使用CSS比使用表格进行页面布局更可取,我通常会同意这一点,因为标记清晰,灵活,并且您不得不编写更整洁的代码(而不是让表格自动处理事情)为了你).

"你可以无限扩大CSS,因为它是代码"

所有浏览器都有缩放功能,所有CSS(包括表格)都可以基于em单位进行相对大小调整(并不总是一个好主意,但可能).

"你可以轻松制作多语言的CSS只输入文字"

本地化通常更多是服务器功能,而不是标记/样式操作.

"也很容易改变颜色"

请参阅我之前关于使用CSS自定义表的观点.


kij*_*jin 6

表的一个主要问题是它无法访问.当视障人士使用屏幕阅读器浏览基于表格的网站时,屏幕阅读器会说出行,列,列,行,行(一些有用的信息),行,行,列,列,行.....你可以想象,这是非常烦人的.而且,当以这种方式阅读时,事情往往显得完全无序.

如果您构建一个包含div和span的网站,屏幕阅读器将直接访问内容,因为所有布局信息(对盲人来说都是无用的)都会隐藏在一个单独的CSS文件中.当您为某些需要遵循联邦可访问性指南的机构构建网站时,这一点尤为重要.

  • 感谢您告知可访问性信息 (2认同)