元素而不是 ？

2023-11-21

---

重复：

• 为什么不在 HTML 中使用表格进行布局？
• DIV 与表格或 CSS 与愚蠢

---

最近有很多关于使用 div 而不是 table 标签来使页面对浏览器更友好的讨论。为什么div更好？

这里的关键点是使用它们进行布局。表格的表格没有任何问题data， 提个醒。这就是他们的目的。

但是，当您使用表格进行布局时，您会创建一个非常严格的页面结构，该结构通常不能很好地适应不同的屏幕尺寸、用户代理（例如盲人的移动浏览器或屏幕阅读器）。特别是在后一种情况下，您会破坏任何顺序应向用户朗读其中的内容）。不幸的是，表格仍然是布局页面的最强大的机制之一，因为几乎没有什么不同的实现，而且它们完美地工作了十多年——CSS在这里是完全不同的事情。

但基本上可以归结为：

Tables

• 违反了内容和呈现的区别
• 从长远来看是笨拙且难以维护的，特别是当尝试以类似的方式更改多个页面的布局时
• 没有很强的语义，这对于可能仅依赖朗读文本的受损人士来说很重要。此处逐行、逐列读取表格，这在基于表格的布局中几乎总是没有多大帮助

CSS布局

• 更难做到正确（至少对于演示而言）
• （有时）允许内容和呈现清晰分离。请注意，有时您经常必须在 HTML 中使用多个容器元素，以允许某些布局和样式正常工作，因为 CSS 有一些限制
• 允许底层标记有更好的语义iff你不盲目使用<div> and <span>。有许多标签都有意义，应该这样使用。例如，不要使用<div class="heading1">当你可以使用<h1>.

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

---

html

css

Layout

csstables

元素而不是

？ 的相关文章

• 为什么开发者讨厌 iframe？ [复制]

  这个问题在这里已经有答案了 可能的重复 iframe 被认为是 不好的做法 吗 https stackoverflow com questions 362730 are iframes considered bad practice 在与

• 引导导航栏菜单与文本重叠

  我使用最新版本的引导程序 当我调整屏幕浏览器的大小时 使用小切换按钮下拉导航栏时 导航栏会重叠页面上的文本 而不是向下推页面内容 我已经多次研究过这个问题 我尝试将 padding bottom 放在导航栏上 将 padding top 放

• 指南针字体输出错误的字体文件路径

  font face font family HelveticaNeueLTStd Lt src url css fonts HelveticaNeueLTStd Lt otf format opentype 这是我的指南针代码的输出 inc

• 使用 highcharts 时，为什么 Bootstrap 选项卡显示宽度不正确的选项卡窗格 div？

  因此 我正在使用 Twitter 的 Bootstrap 创建一个包含选项卡式内容的页面 但我的起始活动 div 的内容始终与其他选项卡的内容不同 例如 我在不同的选项卡中使用 highcharts js 放入图表 但活动选项卡始终显示正确

• 如何在 select2 下拉列表中换行？

  我正在使用 select 2 下拉菜单 然后在其内容中显示一些长句子 我想在句子的正确位置添加换行符 但下拉菜单是自动调整的 For example the content of the dropdown right now looks l

• 在 React 中切换 css 类

  如何使用布尔值切换 React 中元素上 css 类的存在 在 Angular 2 中我可以这样做 class red isRed 如何在 React 中做熟悉的事情 在 React 中 元素使用如下语法获取它们的类 div div 但请注

• 来自 HTML5 的 Phonegap Bonjour/Zeroconf 或 Websocket IP 发现

  我正在尝试实现一个 Phonegap HTML5 应用程序 该应用程序连接到 Websocket 服务器 在嵌入式设备中运行 也有 Bonjour 服务 以在家庭网络内交换数据 我想知道使用 Phonegap 检测服务器 IP 的最佳方法

• 如何消除 HTML 内容周围的边距？

  以下 HTML 显示正常 div style width 100px height 100px background red div Hello div div

• jQuery - 如何从 div > p 获取文本

  如何从 div 类中获取主题名称 div class subject img src image eng jpg p English p div div class subject img src image bio jpg p Biolo

• 获取 FileReader() 的结果对象

  有什么方法可以在不通过函数的情况下获取 FileReader 的结果对象 我在下面制作了示例代码 HTML br br br div div JS var code lorem ipsum input type file change fu

• Django：按钮链接

  我是一名 Django 新手用户 尝试创建一个按钮 单击该按钮会链接到我网站中的另一个页面 我尝试了一些不同的例子 但似乎没有一个对我有用 举个例子 为什么这不起作用

• 如何在更大的 div 中垂直和水平居中一个 div？

  如何将一个 水平居中于另一个 中 我设法使用已接受答案中的样式水平居中 我怎样才能让它垂直居中 内部 div 的高度未知 https stackoverflow com questions 114543 how to center div

• 在表格上使用上下文样式将点边框应用于特定单元格

  我以前有过问了一个问题 https stackoverflow com questions 6326266 issue with applying dotted border to cells in table design在这个问题上 你

• 使用 css 简单地将对象居中，无需修改

  我想使用 CSS 将对象居中 而不需要任何技巧 这可能吗 如何实现 我已经尝试过了 但是我的 p 标签消失了 centered position fixed top 50 left 50 有多种方法可以使元素居中 但这取决于您的元素是什么以

• CSS 类命名约定

  在网页上 有两个控件块 主要和次要 大多数人会使用什么类名 选择一 div class primary controls div

• 刷新页面时保存用户的选择

  我目前有一个页面显示不同团队的数据 我有一些数据 用户可以单击使其处于 打开 或 关闭 状态 并为每个数据显示不同的图标 它基本上就像一个清单 只是没有物理复选框 我想记住哪些 复选框 已被选中 即使在用户刷新页面或关闭浏览器并稍后返回之后

• 不可勾选的单选按钮与专有的复选框

  从 UI 角度来看 是拥有一组具有取消选中功能的单选按钮更好 还是拥有一组独占的复选框 意味着一次只能选中一个 更好 Update 我没想到对此会有如此负面的反应 如果我给出一个更接近其使用方式的示例 也许会有所帮助 我有一个充满数据绑定内

• 页面上使用 HTML Editor Extender 进行回发会导致 IE11 中出现 JavaScript 错误

  我已将 HTML 编辑器扩展程序添加到我正在处理的页面中 现在每当我在页面上发回帖子时 都会收到以下 Javascript 错误 JavaScript 运行时错误 参数无效 之后什么也没有发生 这在 IE10 或更低版本以及我所知道的所有其

• 图像背景不透明度不影响边框

  如何设置背景不透明度而不影响边框线不透明度 我找到的解决方案没有帮助 div class selected img src assets img image product 1 thumbnail jpg alt product 1 thu

• 可以设置标题样式吗？ （并且使用CSS或js？）[重复]

  这个问题在这里已经有答案了 我想知道是否可以设计一个title a href title This is a title Hello a 样式问题有两个方面 文本格式 编码 我猜这是可能的 所以在问题中这样做 工具提示样式 你能把它弄大一点

随机推荐

• Eclipse Android：无法打开选定的VM调试端口（8700）[重复]

  这个问题在这里已经有答案了 可能的重复 无法打开选定的 VM 调试端口 8700 打开时我在控制台上收到此错误Eclipse 无法打开选定的 VM 调试端口 8700 请确保您没有运行 DDMS 或 eclipse 插件的另一个实例 如果它

• 删除 R 中的大括号

  如何删除R中的大括号 例如 abcd 到 abcd 如何使用 R 中的 gsub 函数来执行此操作 如果有其他方法可用 请建议 尝试这个 gsub abcd 1 abcd Or this gsub abcd

• 如何从 javascript 文件中提取 javascript 函数

  我需要从脚本文件中提取整个 javascript 函数 我知道该函数的名称 但我不知道该函数的内容可能是什么 该函数可以嵌入任意数量的闭包中 我需要有两个输出值 我在输入脚本中找到的命名函数的整个主体 删除了找到的命名函数的完整输入脚本 所

• 如何确保docker的时间与主机的时间同步？

  我有在 Linode 服务器上运行的 docker 有时 我发现码头工人的时间不对 目前我已经更改了每个泊坞窗中的运行脚本以包含以下代码行 yum install y ntp service ntpd stop ntpdate pool n

• DispatchQueue.main.asyncAfter 不准确

  我试图在延迟后调用一个函数 在 iOS10 上 我可以使用 Timer scheduledTimer 它确实会在给定的延迟后调用我的闭包 但是 在 iOS9 上 我使用 DispatchQueue main asyncAfter 它会延迟六

• 如何在flutter中使用“DateTime”显示月份

  我有一个日历 我想在日历上方显示月份 有没有办法只显示当前月份 归功于https github com adamstyrc 对于图像 它应该看起来像这样 使用以下包作为 DateFormat https pub dev packages i

• 我们可以说 String 是 Javascript 中的对象吗？

  当我听到字符串是 JS 中的基元时 我总是很困惑 因为每个人都知道字符串有不同的方法 例如 length indexOf search 等 let string Please locate where locate occurs let p

• clang 和 gcc 中是否有 Visual C++ __declspec （属性声明属性）的替代方案？

  有一个 Microsoft 特定的扩展 它可以像这样定义属性 getter 和 setter declspec property cpp struct S int i void putprop int j i j int getprop r

• xpath 和 c#

  我正在尝试创建一个通过 XML 文档进行搜索的 winform 应用程序 对于我的搜索 我需要使用 lower case xpath 函数将 xpath 条件中的 XML 属性转换为小写 这会导致与函数命名空间相关的问题 我尝试手动添加名称

• 如何在稀疏点之间插入数据以在 R 和plotly 中绘制等高线图

  我想根据第一幅图中以下彩色点的浓度数据在 xy 平面上创建等值线图 我在每个高度都没有角点 因此我需要将浓度外推到 xy 平面的边缘 xlim c 0 335 ylim c 0 426 The plotly html file of the

• 如何使用 Ajax 解决“NS_ERROR_ILLEGAL_VALUE”错误？

  我只是编写一个小型 Ajax 框架以实现小型项目中的可重用性 但我遇到了问题 基本上我得到一个 NS ERROR ILLEGAL VALUE 发送请求时出错 我不知道发生了什么 HTML 页面 已修剪但显示错误

• C++ 链接器错误：仅在优化构建上未定义引用

  我收到未定义的引用链接器错误only当链接优化的对象文件时 not链接未优化的目标文件时 我不明白问题是什么或可能是什么 这是我未优化的构建 Building file COMPASS cpp Invoking GCC C Compiler

• 我可以更改共享主机上的“ft_min_word_len”吗？

  我在共享主机上有 MySQL 有什么办法可以改变的值ft min word len没有管理员权限 我找到了一种解决方法 其中每个少于 4 个字符的单词都用 或其他一些字符进行补充 并且对每个少于 4 个字符的搜索关键字也执行相同的操作 有没

• Sklearn 的 MinMaxScaler 只返回零

  我正在尝试使用将某个数字缩放到 0 1 的范围preprocessing from sklearn 这就是我所做的 data 44 645 44 055 44 54 44 04 43 975 43 49 42 04 42 6 42 46 4

• str.setCharAt(索引,'X')

  有没有办法使用 str charAt index 通过索引替换特定字符 像这样的东西 str setCharAt 1 X replace 2nd char with X 有什么简单的方法可以做到这一点吗 取决于来源str你也许可以这样做 S

• 在 SQL Server 中应该选择 MONEY 还是 DECIMAL(x,y) 数据类型？

  我很好奇两者之间是否有真正的区别money数据类型和类似的东西decimal 19 4 我相信 这就是金钱在内部使用的用途 我知道money特定于 SQL Server 我想知道是否有令人信服的理由选择其中之一 大多数 SQL Server

• 如何在 Puppeteers .evaluate() 方法中传递函数

  每当我尝试传递一个函数时 如下所示 var myFunc function console log lol await page evaluate func gt func return true myFunc I get node 131

• 如何在 select 子句中编写嵌套查询

  我正在尝试使用 SLICK 1 0 0 生成此 SQL select cat categoryId cat title select count product productId from products product right j

• ODP.NET连接异常

  首先我想说 我对Oracle数据库一点也不熟悉 所以我的用词可能很糟糕 我对某些概念的理解可能是错误的 不管怎样 我试图使用 ODP NET 连接到 Oracle 11g 数据库 每次它都会给我这个异常 System TypeInitial

• 元素而不是

？

重复 为什么不在 HTML 中使用表格进行布局 DIV 与表格或 CSS 与愚蠢 最近有很多关于使用 div 而不是 table 标签来使页面对浏览器更友好的讨论 为什么div更好 这里的关键点是使用它们进行布局 表格的表格没有任何问题da

热门标签

• 直流变换

• 短视频配音

• 配音工具

• 配音软件

• 码农生活

• 3 域名正则

• git clone

• 着色语言

• Dosbat

• 量子密钥

• QKD

• 小白日志

• 复用

• IDEA错误解决

• ROS Docker

• CEEMDAN算法

• 错误合辑

• 探索学习Qt

• CSR

• 大疆云台和华为P30

• 8位BMP图像读写

• 医学公共数据库

• 华中科技大学