Selles postituses demonstreerime mõlemat meetodit PDF-faili lingi lisamiseks HTML-dokumendile.
PDF-faili linkimine HTML-iga
PDF-faile saab linkida ' ” ja ka läbi „ ” silti. Mõlemad meetodid võivad lisada HTML-i PDF-faili, kuid mõlemad meetodid genereerivad erinevaid väljundeid. Räägime mõlemast meetodist üksikasjalikult.
1. meetod: märgendi kasutamine
PDF-faili saab linkida HTML-iga, kasutades ' ankur ” element. Rakendame seda ideed praktiliselt, kasutades näitena PDF-faili:
< lk > PDF-faili avamiseks
< a href = 'MyDemoFile.pdf' > Kliki siia < / a >
< / lk >
Eespool kirjutatud koodis:
- Seal on ' lõik ” element, lõigumärgendite sees on ekraanil kuvatav tekst. See samm on valikuline, kuna see on äsja lisatud, et luua väljundis toimingust parem tunne.
- Pärast seda on ' ankur ” element. See on peamine samm PDF-faili linkimisel HTML-iga.
- Avaava ankrusildi sees on ' href ' atribuut ja PDF-faili täpne asukoht on määratletud selles href ” atribuut.
- Ava- ja sulgemisankursiltide vahele jääb tekst, mis kuvatakse lingina, millele klõpsates suunatakse kasutaja lingis määratletud PDF-faili. href ” atribuut.
See genereerib järgmise väljundi:
2. meetod: märgendi
PDF-faili saab linkida HTML-dokumendiks ka kasutades ' ' sildi ' src ” atribuut selle sees:
< iframe src = 'MyDemoFile.pdf' laius = '90%' kõrgus = '450 pikslit' >
< / iframe >
Ülaltoodud avalduses või iframe'i elemendis:
- Seal on ' iframe ” avamis- ja sulgemärgendid, et luua väljundis iframe.
- Avav iframe märgend sisaldab ' src ” atribuut, mida kasutatakse välise allika URL-i lisamiseks. PDF-faili täpne asukoht on määratletud jaotises ' src ” atribuut.
- Pärast ' src ' atribuut, seal on ' laius ” ja „ kõrgus ” atribuudid avava iframe märgendi sees.
See kuvab väljundis järgmise liidese:
See võtab kokku kaks erinevat meetodit PDF-faili linkimiseks või manustamiseks HTML-dokumenti.
Järeldus
PDF-faili saab linkida või HTML-dokumendile lisada, kasutades ' ” (ankur) element, samuti „ ” element. Kasutades ' ankur ' element nõuab ' href ” atribuut avatavates ankrumärgendites ja määratledes selles PDF-faili asukoha. Teisest küljest kasutades ' iframe ' element nõuab ' src ” atribuut ja määratleda selle sees PDF-faili asukoht.