使用<embed>标签可直接嵌入PDF文件，兼容性好但显示效果因浏览器而异；2. <iframe>标签适用于嵌入PDF或通过Google Docs预览Office文件，用户体验流畅；3. 标签加download属性可创建文件下载链接，适合不支持预览的文件类型；4. DOC等Office文件建议转PDF嵌入或调用在线服务预览，也可提供下载。根据需求选择嵌入或下载方式。
在HTML页面中插入文件（如PDF、DOC等）有多种方式，常用的方法包括嵌入显示和超链接下载。根据使用场景选择合适的方式，下面介绍几种实用方法。
1. 使用 <embed> 标签嵌入PDF文件
<embed> 是最简单直接的嵌入方式，适合在网页中直接显示PDF内容。
<embed src="example.pdf" type="application/pdf" width="100%" height="600px" />说明：
- src：指定PDF文件路径（相对或绝对路径）
- type：MIME类型，PDF为 application/pdf
- width/height：控制显示区域大小
优点是兼容性较好，但不支持所有浏览器完全一致显示。
立即学习“前端免费学习笔记（深入）”；
2. 使用 <iframe> 嵌入文件
<iframe> 可以将PDF或其他可浏览文档嵌入到网页中，用户体验较流畅。
<iframe src="example.pdf" width="100%" height="600px" frameborder="0"></iframe>也可用于显示Google Docs在线预览（适用于DOC等Office文件）：
<iframe src="https://docs.google.com/gview?url=你的文件地址.doc&embedded=true" width="100%" height="600px"></iframe>注意：Google Docs预览需文件对外公开可访问。
3. 使用 <a> 标签创建下载链接
如果不想在页面中显示文件内容，而是让用户下载，使用超链接更合适。
<a href="document.doc" download>点击下载DOC文件</a>说明：
- download 属性会提示浏览器下载而非打开
- 若省略 download，则可能在浏览器中直接打开（取决于文件类型和浏览器设置）
适用于PDF、DOC、XLS等各种文件类型。
4. 处理DOC/DOCX等Office文件
浏览器通常无法直接渲染DOC文件，建议：
- 转换为PDF后嵌入
- 使用 iframe 调用 Google Docs 或 Microsoft Office Online 预览服务
- 提供下载链接，让用户本地打开
例如使用OneDrive嵌入（需上传至OneDrive并设置共享）：
<iframe src="https://onedrive.live.com/embed?cid=xxx&resid=xxx&authkey=xxx" width="100%" height="600px"></iframe>基本上就这些常用方法。嵌入适合预览，链接适合下载。根据文件类型和用户需求选择最合适的方式即可。
