将 PDF 文档放入 HTML 的方法
将 PDF 放入 HTML 文档的最简单方法是使用带有 href 属性的 <a> 标签。
我们需要将 PDF 文件的 URL 或者参考链接添加到该元素。
代码将如下所示。
在 HTML 文档中嵌入 PDF 文件的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<h1>PDF Example</h1>
<p>Open a PDF file <a href="/test.pdf">example</a>.</p>
</body>
</html>
有多种方法可以在 HTML 文档中包含 PDF 文件：
- 使用 <embed> 和 <object> 标签，这被认为是过时的方式，因为它们现在已被弃用。
- 使用 <a> 或者 <iframe> 标签。
如何在 HTML 中嵌入 PDF 查看器
将 PDF 文件添加到 HTML 文档的另一种方法是使用 <iframe> 标签。
它还允许设置我们喜欢的宽度和高度。
要获得代码，请按照以下简单步骤操作：
- 要指定 PDF 文件的网址，请设置来源。上述两个属性都可以通过“px”、“cm”、“vh”或者百分比来指定。
<iframe src="URL"></iframe>
- 要定义 iframe 的大小，请设置 height 和 width 属性：
<iframe src="URL" height="200" width="300"></iframe>
完整的代码会是这样。
使用 <iframe> 标签将 PDF 文件添加到 HTML 的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<h1>PDF 示例</h1>
<iframe src="/test.pdf" width="100%" height="500px">
</iframe>
</body>
</html>
如果我们不希望用户下载 PDF 文件，请在 PDF 文档的 URL 后添加 #toolbar=0。
将不可下载的 PDF 文件放入 HTML 的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<h1>How to disable downloading of the PDF document</h1>
<iframe src="/test.pdf#toolbar=0" width="100%" height="500px">
</iframe>
</body>
</html>
日期：2020-06-02 22:15:09 来源：oir作者：oir