以 HTML 格式显示文本文件答案

【问题标题】：Display text file in HTML以 HTML 格式显示文本文件
【发布时间】：2021-06-16 17:24:00
【问题描述】：

我正在尝试在不使用 ajax、javascript ecc 的情况下以 html 显示文本文件的内容。但可能是 css 和 html。我有一张图片幻灯片，根据您选择的图片，文本文件的内容应该出现在照片下方。我知道如何将文本文件与照片相关联，它应该可以工作，但我怎样才能在网页中显示 txt 文件的内容？谢谢:-)

【问题讨论】：

你有例子吗？您不想使用 JavaScript 的原因是什么？您是否让文本显示在页面上？
simple way to display data in a .txt file on a webpage?的可能重复
您不能为此使用 Javascript，还是选择不使用？您所描述的不是显示幻灯片标题的理想方式。您真的应该将字幕编码到同一个文件中，然后根据显示的图像使用 Javascript 显示/隐藏它们。

标签： html css text

【解决方案1】：

您可以使用<iframe>：

&lt;iframe src="http://stackoverflow.com/reputation"&gt;&lt;/iframe&gt;

编辑： Stack Overflow 不再允许 <iframe>'s 到不同的域，所以我改用 //stackoverflow.com/reputations 进行演示

这可能是您正在寻找的更多内容（图片下方有文字）：

iframe{
    border:none;
    width:400px;
    display:block;
}

<img src="http://lorempixel.com/400/400">
<iframe src="http://stackoverflow.com/reputation"></iframe>

【讨论】：

【解决方案2】：

作为 iframe 的替代品，标签可以很好地解决问题。

nikolay_turpitko's answer to a similar question does it quite well

[下面是他直接复制的答案]

在较新的浏览器中，如下代码可能就足够了。

<object data="https://www.w3.org/TR/PNG/iso_8859-1.txt" width="300" height="200">
Placeholder Text
</object>

【讨论】：