Joe*_*orn 195
整个"桌子与分区"的事情几乎没有错过这个标志.它不是"桌子"或"div".这是关于使用语义html.
即使div标签在精心布局的页面中也只占很小的一部分.不要过度使用它.如果你正确地将你的html放在一起,你不应该需要那么多.列表,字段集,图例,标签,段落等内容可以替代div或span经常用来完成的大部分内容.Div应该主要用于指示逻辑div ision,并且在绝对必要时仅用于额外布局.表格也是如此; 有表格数据时使用它,但不是.
然后你有一个更加语义的页面,你不需要在CSS中定义很多类; 您可以直接定位标签.也许最重要的是,你有一个页面,将比分与谷歌来有趣,比同等表格或DIV重页好得多.最重要的是,它可以帮助您更好地与部分受众群体建立联系.
因此,如果我们回过头来看一下表格与div的比较,我认为我们实际上已经达到了div过度使用且表格未被充分使用的程度.为什么？因为当你真正考虑它时,有许多东西属于"表格数据"的类别,往往被忽视.例如,在这个网页上的答案和评论.它们由多个记录组成,每个记录具有相同的字段集.它们甚至存储在一个sql server表中,大声喊叫.这是表格数据的确切定义.这意味着一个html表标签绝对是一个很好的语义选择,可以像Stack Overflow上的帖子一样布局.同样的原则也适用于许多其他事情.使用表格标签来设置三列布局可能不是一个好主意,但它'
Jon*_*jap 52
当我提交的数据确实是表格式的.
我发现有些网页设计师在某些网站上使用表格数据上的div是荒谬的.
我将拥有的另一个用途是表单,特别是标签:文本框对.这在技术上可以在div框中完成,但是在表中执行此操作要容易得多,并且可以说标签:文本框对实际上是表格式的.
net*_*rox 24
我曾经做过纯CSS,但我放弃了追求有利于混合表/ css方法作为最实用的方法.具有讽刺意味的是,这也是因为可访问性.曾经尝试过在Sidekick上做CSS吗？什么样的恶梦!曾经见过如何在新浏览器上呈现基于CSS的网站？元素会重叠或只是无法正确显示我必须关闭CSS.曾经尝试调整基于CSS的网站的大小？如果他们在浏览器中使用缩放功能,它们看起来很糟糕并且经常对盲人有害!如果你使用表格,那么它们的扩展性会更好.当人们谈论可访问性时,我发现很多人都没有线索,这让我很烦,因为我是残疾人而他们不是.他们真的和盲人一起工作过吗？聋人？如果可访问性是主要问题,为什么99%的视频没有封闭标题？许多CSS纯粹主义者使用AJAX但没有意识到AJAX经常使内容无法访问.
实际上,可以将单个表作为主要布局使用LONG,因为如果单元格是堆叠的(您在移动设备上看到的东西),则在逻辑流程中提供信息.CSS理论听起来很棒但在现实生活中部分可行,有太多黑客攻击,这违背了"纯洁"的理想.
由于使用CSS with tables方法,我节省了大量设计网站的时间,并且维护更加容易.更少的黑客,更直观.我收到的电话更少,说"我插入了一个DIV,现在它看起来都搞砸了!" 更重要的是,绝对没有可访问性问题.
Jac*_*esB 20
注意:在询问问题时,出于某些布局目的使用表格的实际原因.由于浏览器的改进,这不再是必要的,所以我更新了答案.
<table>当数据在逻辑上具有二维结构时,应使用HTML -elements.如果数据可以按行和列结构化,并且您可以有意义地将标题应用于行和列,那么您可能具有表格数据.
我只有一行或一列数据,那么它不是表格数据 - 它只是线性内容.在将其视为表格数据之前,您至少需要两行和两列.
一些例子:
使用表格放置侧边栏和页眉/页脚.这不是表格数据,而是页面布局.像css grid或flexbox这样的东西更合适.
将表用于报纸式列.这不是表格数据 - 您仍然可以线性读取它.像css列这样的东西更合适.
Rad*_*094 13
我会区分公共网站的HTML(表no-no-no,divs yes-yes-yes)和半公共或私有Web应用程序的HTML,我倾向于更喜欢表甚至页面布局.
"表格不好"的大多数可敬的原因通常只是针对公共网站的问题,而不是webapps的问题.如果我可以通过使用TABLE而不是复杂的CSS + DIV来获得相同的布局并且在浏览器之间具有更一致的外观,那么我通常会继续使用TABLE.
我可以看到表格的表格的论点,但有一个更好的选择...你只需要卷起袖子学习CSS.
例如:
<fieldset>
<legend>New Blog Post</legend>
<label for="title">Title:</label>
<input type="text" name="title" />
<label for="body">Body:</label>
<textarea name="body" rows="6" cols="40">
</textarea>
</fieldset>
您可以使用该html并将表单布局为并排标签或文本框顶部的标签(这更容易).拥有灵活性确实有帮助.它的HTML也比同等表的HTML少.
有关CSS表单的一些优秀示例,请查看以下优秀示例:
http://jeffhowden.com/code/css/forms/
http://www.sitepoint.com/article/fancy-form-design-css/
http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/
我通常会选择表格来显示表格类型信息(名字,姓氏,地址等),其中多行的衬里标签和字段很重要.我用于布局的DIV.
当然桌子是用DIV包裹的:)