用于分区主页的表格或分区

时间:2016-01-08 05:09:58

标签: html

我正在为网站的主页编码。我应该使用表格或div来将主页划分为子部分。

任何人都可以清楚我怀疑,如果使用表格进行分区,它可能无法在移动设备或标签设备中正常工作吗?

3 个答案:

答案 0 :(得分:0)

使用<div>代替表格。不同的浏览器在网页中绘制<table>的方法不同,但对于<div>,有一个共同的标准。我强烈建议你坚持<div> s。

除此之外,使用Div而不是Table的两个主要原因是

  1. Divs填充任何可用的水平空间和
  2. 他们需要更少的代码。较少的代码等于较小的文件,这相当于更快的加载时间。
  3. Div填充空间的能力只是一个很好的特征 - 特别是在使用流体布局时。

    您可以参考这些文章:

    <强> Which is better, div or table?

    <强> Why I think divs are better than tables

答案 1 :(得分:0)

我建议您使用bootstrap。您将花费最多2天的时间来学习它。 Here is link

使用 div 比表更好。你应该使用格式良好的CSS,并且你的页面会非常好。

答案 2 :(得分:0)

  

<强>表格

表通常会增加文档的复杂性并使其更难维护。此外,它们降低了网站在容纳不同媒体和设计元素方面的灵活性,并限制了网站的功能。 从语义上讲,表标记用于列出表格数据。它没有针对构建结构进行优化。

易于使用

使用表格构建结构非常直观。我们每天都会看到表格数据,这个概念是众所周知的。

此外,当内容太宽时,表格不会中断。由于它们处于基于div的结构中,因此不会在其他列下挤压色谱柱。这增加了使用表格安全的感觉。

<强>可维护性

表包含不同的标记:table标记为包装,tr为每行,td为每个单元格。 theadtbody标记不用于结构目的,因为它们会为内容添加语义含义。为了便于阅读,每个标签通常都有自己的代码行,带有缩进。使用表的所有这些标记,内容中会添加几行额外的代码。 colspanrowspan属性使代码更加复杂,以后维护该页面的任何开发人员都必须经过大量代码才能理解其结构。

  

<强>的div

div标记是一个块级元素,用于定义文档中的部分。因此Div适合于构建Web页面的结构。 div标记还用于描述其他更多语义标记无法正确描述的内容。

易于使用

div元素与table元素不同。每个人都知道桌子是什么样的,但是div并不那么明显。然而,关于div的好处是,它只是一个元素。它没有以td标签在表格中的方式包装在父元素中。因此,容器更灵活,并且没有其父标记的限制。

当内容将div推到极限时,使用div结构可以使页面更加脆弱。它还可以强制列相互下降。但这通常只适用于旧浏览器(特别是IE6);较新的浏览器使内容流向下一列。

<强>可维护性

div标记的最大问题是它们经常被使用。当没有其他块级元素可以描述内容时,Div仅应用于构建结构和设计元素的占位符。 div标记用于元素的逻辑分组。

Nesting div应该与描述性类一起使用,结构名称使代码更容易理解。

当语义块级标签更好地描述内容时,应使用Div;例如,标题应包含在h1到h5标签中。编写语义代码通常会减少代码库;并且使用浮点数减少div有助于防止浏览器错误。

  

使用媒体实现灵活性

基于Div的结构在支持不同媒体方面比基于表格的结构更灵活。无需为每种介质维护单独的页面,从而节省了维护和开发成本。基于div的结构允许您使用样式表中的display:none来移动列,甚至隐藏列。