Jadual Kandungan
✅ Menggunakan tag (disyorkan untuk kesederhanaan)
✅ Menggunakan tag

Bagaimana untuk membenamkan dokumen PDF dalam HTML?

Membenamkan dokumen PDF dalam halaman HTML adalah mudah dan boleh dilakukan dalam beberapa cara. Kaedah yang paling biasa dan disokong secara meluas adalah menggunakan tag <embed></embed> atau <iframe></iframe> . Inilah cara melakukannya dengan berkesan:

Bagaimana untuk membenamkan dokumen PDF dalam HTML?

✅ Menggunakan tag <embed></embed> (disyorkan untuk kesederhanaan)

Elemen <embed></embed> direka khusus untuk membenamkan kandungan luaran seperti PDF.

 <embed src = "document.pdf" type = "application/pdf" width = "100%" Height = "600px">
  • src : Laluan ke fail PDF anda (boleh menjadi relatif atau mutlak).
  • type : Menentukan jenis MIME untuk PDF.
  • width dan height : Kawal saiz paparan.

? Nota : Pelayar moden yang paling moden menyokong melihat PDF secara langsung menggunakan penonton PDF terbina dalamnya.

Bagaimana untuk membenamkan dokumen PDF dalam HTML?

✅ Menggunakan tag <iframe> (hebat untuk sandaran dan kawalan)

An <iframe> berfungsi dengan baik dan memberi anda lebih banyak kawalan ke atas gaya gaya dan kejatuhan.

 <iframe src = "document.pdf" width = "100%" height = "600px" style = "border: none;">
  Penyemak imbas ini tidak menyokong PDF. Sila muat turun PDF untuk melihatnya: 
  <a href = "document.pdf"> muat turun pdf </a>
</iframe>
  • Teks di dalam <iframe> bertindak sebagai sandaran untuk penyemak imbas yang tidak menyokong PDF yang tertanam.
  • Styling dengan border: none yang menghilangkan sempadan lalai.

? ️ Pilihan: PDF Host di Google Docs Viewer (Gunakan dengan berhati -hati)

Jika PDF boleh diakses secara terbuka, anda boleh menggunakan Google Docs Viewer:

Bagaimana untuk membenamkan dokumen PDF dalam HTML?
 <iframe src = "https://docs.google.com/viewer?url=your_pdf_url&embedded=true" 
        lebar = "100%" ketinggian = "600px">
</iframe>

⚠️ Amaran : Google tidak menggalakkan penggunaan berat kaedah ini untuk alasan privasi dan prestasi. Lebih baik bergantung pada sokongan penyemak imbas asli.


? Petua untuk pengalaman pengguna yang lebih baik

  • Sentiasa tetapkan height yang betul supaya dokumen penuh dapat dilihat tanpa menatal janggal.

  • Menjadikannya responsif:

     iframe, embed {
      Lebar: 100%;
      Ketinggian: 80VH; / * Gunakan ketinggian viewport untuk responsif */
    }
  • Sediakan pautan muat turun untuk pengguna yang lebih suka:

     <a href = "document.pdf" muat turun> muat turun pdf </a>

    Pada asasnya, hanya pilih <embed></embed> untuk kesederhanaan atau <iframe></iframe> untuk kawalan lebih lanjut - kedua -duanya berfungsi dengan baik dalam pelayar moden.

    Atas ialah kandungan terperinci Bagaimana untuk membenamkan dokumen PDF dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Tutorial PHP
1596
276
Mengapa imej HTML saya tidak muncul? Mengapa imej HTML saya tidak muncul? Aug 16, 2025 am 10:08 AM

Pertama, periksa sama ada laluan atribut SRC adalah betul, dan pastikan laluan relatif atau mutlak sepadan dengan lokasi fail HTML; 2. Sahkan sama ada nama fail dan lanjutan dieja dengan betul dan sensitif kes; 3. Sahkan bahawa fail imej sebenarnya wujud dalam direktori yang ditentukan; 4. Gunakan atribut alt yang sesuai dan pastikan format imej adalah .jpg, .png, .gif atau .webp disokong secara meluas oleh penyemak imbas; 5. Selesaikan masalah cache penyemak imbas, cuba memaksa menyegarkan atau mengakses url imej secara langsung; 6. Semak tetapan kebenaran pelayan untuk memastikan fail itu boleh dibaca dan tidak disekat; 7. Sahkan bahawa sintaks tag IMG adalah betul, termasuk petikan dan perintah atribut yang betul, dan akhirnya menyelesaikan masalah 404 kesilapan atau masalah sintaks melalui alat pemaju penyemak imbas untuk memastikan imej itu dipaparkan secara normal.

Cara menggunakan tag alamat dalam html Cara menggunakan tag alamat dalam html Aug 15, 2025 am 06:24 AM

ThetagisusedTodefineContactinformationfortheAuthorOrOrOrownerofadocumentorsection; 1.useitforemail, fizikalAddress, phonenumber, orwebsiteurlwithinanarticleorbody;

Cara menggunakan tag BDO untuk mengatasi arah teks dalam html Cara menggunakan tag BDO untuk mengatasi arah teks dalam html Aug 16, 2025 am 09:32 AM

Thebdotagisusedtooverridethebrowser'sdefaulttextdirectionrenderingwhendealingwithmixedleft-to-rightandright-to-lefttext, memastikancorrectvisualdisplaybyforcingaspecificdirectionusingthedirattribondaluS "rtemematribondaluS"

Cara Menggunakan Atribut Async untuk Memuat Skrip Dalam HTML Cara Menggunakan Atribut Async untuk Memuat Skrip Dalam HTML Aug 17, 2025 pm 12:52 PM

Teasyncattributeinhtmlisusedtoloadandexecuteexternaljavascriptfilesasynchronously, membolehkanTheBrowsertodownloadthescriptinparallelwithhtmlparsingandexecuteitimmedilyponcompletion,

Cara menetapkan nilai lalai untuk elemen pilih HTML Cara menetapkan nilai lalai untuk elemen pilih HTML Aug 17, 2025 pm 01:00 PM

Untuk menetapkan nilai lalai untuk elemen HTMLSelect, elemen pilihan yang sepadan mesti ditandakan dengan atribut yang dipilih; 1. Tambah atribut yang dipilih kepada pilihan yang anda mahu pilih secara lalai, seperti UnitedStates; 2. Pastikan hanya satu pilihan dalam satu pilihan telah memilih atribut, dan jika terdapat banyak yang, yang pertama akan menjadi urutan kod sumber; 3. Atribut yang dipilih boleh diletakkan di mana -mana dalam senarai, tidak terhad kepada pilihan pertama; 4. Kaedah ini sesuai untuk pilih tunggal dan pilih pelbagai pilihan; 5. Sekiranya anda perlu menetapkannya secara dinamik, anda boleh menggunakan JavaScript untuk mengendalikan atribut nilai, seperti document.queryselec

Bagaimana untuk memusatkan div dalam html5? Bagaimana untuk memusatkan div dalam html5? Aug 21, 2025 pm 05:32 PM

TOcenteradivHorizontally, useMargin: 0AutowithadeFinedWidth.2.forhorizontalandverticalcentering, applyDisplay: flexOnTheParentWithJustify-content: centerandalagn-items: center.3.alternative, usecssgridwithwith.4.

Apakah elemen kecil HTML untuk Apakah elemen kecil HTML untuk Aug 16, 2025 am 08:04 AM

Theelementisisedforsidecomments, finePrint, orlessimportantcontentwithsemanticmeaning, notjustvisualstyling; 2.yisappropriateforcyrightnotices, LegalDisclaimers, atribations, and -limitations;

Bagaimana untuk membuat bacaan PDF sahaja? Bagaimana untuk membuat bacaan PDF sahaja? Aug 14, 2025 pm 05:38 PM

UseAdobeAcrobatProtosetapermissionpasswordandrestricteditingandprinting;2.UsetrustedonlinetoolslikeSmallpdforiLovePDFtoencryptandprotectthePDF;3.Utilizebuilt-insecurityfeaturesinthird-partyeditorslikePDFelementorFoxitPhantomPDF;4.Markthedocumentas&qu

See all articles