如何在网页中嵌入PDF

当需要在网页中嵌入PDF文件时,可以借助Flash或者PDF.js等插件,但是更方便的办法是直接使用html的<object>标签或者<embed>标签。推荐以下写法同时使用<object><embed>标签以更好地兼容不同的浏览器:

<object data="http://example.com/yourpdf.pdf" type="application/pdf" width="95%" height="700px">
    <embed src="http://example.com/yourpdf.pdf">
        <p>This browser does not support PDFs. Please download the PDF to view it: <a href="http://example.com/yourpdf.pdf">Download PDF</a>.</p>
    </embed>
</object>

嵌入的效果如下:

This browser does not support PDFs. Please download the PDF to view it: Download PDF.

该方法也适用于嵌入其他类型的文件或者其它网页。


在手机上阅读或分享本文请扫描以下二维码:
By @Zhengyi Yang in
Tags : #html,

Comments

评论功能已关闭。