如何将电子表格转换为HTML表格

如何将电子表格转换为HTML表格

电子表格是一种以表格格式创建大量数据的简单方法。 您可以使用 Microsoft Excel、Apple Numbers 或 Google Sheets 等应用程序来管理不同设备上电子表格格式的表格。 尽管电子表格有助于用作文件,但当您需要在网页上展示内容时,首选 HTML 表格。 在本文中,我们将解释如何将电子表格转换为HTML表格以及在您的网站上使用它的优缺点。

推荐:如何修复Windows上控制器无法运行

为什么要使用 HTML 表格?

在您的电子邮件中发送电子表格是一项简单的任务。 但是,由于许多原因,在您的网站中嵌入 Excel 或其他电子表格内容效果不佳。 由于网页已经采用 HTML 格式,因此最好使用 HTML 表格标签来创建表格,而不是嵌入电子表格。

  • 搜索引擎可以比网页中的嵌入式电子表格更好地理解 HTML 标签。 如果您想在 Google 搜索结果中显示重要内容,那么 HTML 表格是您的最佳选择。
  • 您可以轻松地使 HTML 表格负责,甚至可以交换行和列以适应较小的设备。
  • 还可以使用搜索框和过滤器选项等高级功能来增强 HTML 表格。
  • 某些网站构建平台不支持电子表格嵌入,在这种情况下,您除了使用 HTML 表格外别无选择。

总之,如果您希望搜索引擎能够理解您的表格并索引内容,那么您需要使用 HTML 标记来创建表格。 以下是显示表格内容的 Google 搜索结果示例。 优点是谷歌索引表中的每一行,并为相关查询单独显示。 这可以提高点击率,从而提高您网站的流量。

Google 搜索结果中的 TablePress 表格
Google 搜索结果中的 HTML 表格

将电子表格转换为 HTML 表格

几乎所有网站创建平台都提供表格元素或块,您可以使用它们在线创建表格并在您的网站上发布。 或者,您也可以离线创建表格并在编辑器屏幕上复制粘贴。 但是,对于较大的表格,这将需要一些时间,并且您需要了解基本的 HTML 以使用文本编辑器离线创建表格。 当您想专注于内容时,这不是一种实用的方法。 因此,让我们探索在电子表格中创建表格并将其快速转换为 HTML 以粘贴到您的网站中的选项。

根据您使用的需要和平台,您可以使用以下方法之一将电子表格转换为 HTML 表格。

  • 复制和粘贴电子表格内容以创建表格
  • 将电子表格另存为 HTML 文件并获取源代码
  • 使用第三方服务进行转换

让我们详细解释每种方法。

1.复制和粘贴电子表格内容

大多数网站构建平台(如 Weebly)不允许复制粘贴您的 Excel 电子表格以将其转换为 HTML 表格。 它们只允许嵌入为可下载文件或使用 Google 表格等第三方服务显示电子表格的内容。 但是,像 WordPress 这样的高级内容管理系统使任务变得简单。

  • 复制您的电子表格内容并粘贴到编辑器中。 WordPress 会自动将内容转换为表格并相应地应用 HTML 标签。 它将删除后端中所有不必要的代码,并且只使用标准的 HTML 表格标签。 您可以添加页眉、页脚并使用颜色自定义表格外观。 还可以将创建的表格添加为可重用元素,以便您可以在站点的任何位置插入,而无需重复这些步骤。 当您更新 Excel 工作表时,只需粘贴更新的内容并替换可重用的表格元素。 这将更新您网站所有页面上插入的表格内容。
WordPress中的Excel表格
WordPress中的Excel表格
  • 您可以将创建的表格添加为可重复使用的元素,这样您就可以通过保持单一来源在网站上的任何地方使用。 这意味着,每当您更新 Excel 内容时,只需将其复制粘贴到您的站点上即可替换源,所有出现的表格都会自动更新。
  • 此外,您可以使用 TablePress 等插件通过上传文件将 Excel 工作表转换为表格。 如果您经常更新 Excel 的内容并希望相应地更新表格内容,这将非常有用。 该插件将为您的表格创建一个简码,您可以将其插入网站的任何位置。 每当您更新源 Excel 时,只需重新上传工作表即可覆盖现有表格。 这将更新您网站上插入的所有表格的内容,而无需单独编辑每个表格。

2. 将 Excel 转换为 HTML

不幸的是,并非所有平台都像 WordPress 一样工作,上述方法不适用于 Weebly 和许多其他平台。 在这种情况下,您可以将电子表格转换为 HTML 内容并嵌入到您的站点中。

  • 打开 Excel 电子表格并将文件另存为带有 .htm 或 .html 扩展名的网页。
  • 在 Windows 中,您将有两个选项来保存“单文件网页”或“网页。 确保选择“网页”选项和“选择:工作表”以保存文件。
选择单张工作表另存为 HTML
选择单张工作表另存为 HTML
  • 这将打开一个显示所选工作表的附加对话框,然后单击“发布”将工作表另存为 HTML 页面。
将选择工作表发布为网页
将选择工作表发布为网页
  • 在 Excel for Mac 中,选择“工作表”并单击“保存”按钮将工作表转换为 HTML 网页。
在 Mac 中将 Excel 保存为 HTML
在 Mac 中将 Excel 保存为 HTML
  • 现在,右键单击保存的 HTML 文件并使用任何文本编辑器(如记事本或 Microsoft Visual Code)打开它。 请记住,您不能在 Mac 中使用 TextEdit,因为它会打开表格而不是源内容。
用记事本打开文件
用记事本打开文件
  • 您将看到 Excel 电子表格的源 HTML 并将所有内容复制到剪贴板。
复制 HTML 源代码
复制 HTML 源代码
  • 转到您的网站管理面板并使用自定义 HTML 或嵌入代码等元素粘贴代码。
  • 通常,您可以在发布之前在编辑器中预览表格,如下所示的 WordPress。
Excel 源 HTML 中的表格
Excel 源 HTML 中的表格
  • 发布您的页面并在浏览器中打开它以检查表格是否正常。

3. 使用 TABLEIZER

最后一个选项是使用名为 tableizer 的第三方工具将您的 Excel 电子表格或 Google Docs 转换为 HTML 表格代码。

  • 复制您的 Excel 电子表格。
  • 转到 tableizer 站点并粘贴复制的代码。
  • 您几乎没有自定义选项来插入 CSS、更改字体大小/系列和标题颜色。
  • 点击“表格化!” 按钮获取 HTML 代码。
使用制表器
使用制表器
  • 单击“将 HTML 复制到剪贴板”按钮以复制代码。 您还可以在结果页面上向下滚动以预览您的表格。
复制 HTML 表格代码
复制 HTML 表格代码

此方法有助于从电子表格内容中删除所有不必要的 CSS 并使用纯 HTML 标记。

使用 HTML 表格的缺点

HTML 表格与电子表格相比具有以下限制:

  • 您不能将带有过滤器、宏和其他高级功能的电子表格转换为 HTML 表格。 例如,当将文件保存为网页时,Microsoft Excel 会向您显示如下警告。
转换时禁用的功能
转换时禁用的功能
  • 每当更新您的电子表格时,您还需要生成源代码并在您的网站上进行更新。 与从嵌入式 Google 表格自动更新相比,这是一项双重工作。
  • 您不能允许用户使用 HTML 下载表格内容,但可以允许使用 Excel 或 Google 表格下载文件。

最后的话

使用电子表格格式创建和共享表格数据很容易。 但是,在网站中使用表格时,HTML 表格可以帮助提高搜索引擎的可见性。 虽然您需要减少 HTML 表格的功能,但它会在搜索引擎结果中显示结构化数据,从而增加吸引更多访问者访问您网站的可能性。 您可以使用上述方法之一为您的电子表格数据创建和嵌入 HTML 表格代码。

推荐:WordPress备份插件Backuply Pro备份管理插件


发表评论