我正在为网站的主页编码。我应该使用表格或div来将主页划分为子部分。
任何人都可以清楚我怀疑,如果使用表格进行分区,它可能无法在移动设备或标签设备中正常工作吗?
答案 0 :(得分:0)
使用<div>
代替表格。不同的浏览器在网页中绘制<table>
的方法不同,但对于<div>
,有一个共同的标准。我强烈建议你坚持<div>
s。
除此之外,使用Div而不是Table的两个主要原因是
Div填充空间的能力只是一个很好的特征 - 特别是在使用流体布局时。
您可以参考这些文章:
答案 1 :(得分:0)
我建议您使用bootstrap。您将花费最多2天的时间来学习它。 Here is link
使用 div 比表更好。你应该使用格式良好的CSS,并且你的页面会非常好。
答案 2 :(得分:0)
<强>表格强>
表通常会增加文档的复杂性并使其更难维护。此外,它们降低了网站在容纳不同媒体和设计元素方面的灵活性,并限制了网站的功能。 从语义上讲,表标记用于列出表格数据。它没有针对构建结构进行优化。
易于使用
使用表格构建结构非常直观。我们每天都会看到表格数据,这个概念是众所周知的。
此外,当内容太宽时,表格不会中断。由于它们处于基于div的结构中,因此不会在其他列下挤压色谱柱。这增加了使用表格安全的感觉。
<强>可维护性强>
表包含不同的标记:table
标记为包装,tr
为每行,td
为每个单元格。 thead
和tbody
标记不用于结构目的,因为它们会为内容添加语义含义。为了便于阅读,每个标签通常都有自己的代码行,带有缩进。使用表的所有这些标记,内容中会添加几行额外的代码。 colspan
和rowspan
属性使代码更加复杂,以后维护该页面的任何开发人员都必须经过大量代码才能理解其结构。
<强>的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来移动列,甚至隐藏列。