Manchmal ist es erforderlich, eine PDF -formatierte Datei in ein HTML -Dokument hinzuzufügen oder einzubetten. Die PDF -Datei kann auf zwei verschiedene Arten mit dem HTML -Dokument verknüpft werden (unter Verwendung von zwei verschiedenen HTML -Tags). Die Entwickler können die HTML verwenden “
Anker”Tag und die“
iframe”Tag, um eine PDF -Datei mit dem HTML -Dokument zu verknüpfen. Verwendung der "
AnkerDas Tag erstellt einen Link auf der Schnittstelle, mit dem der Benutzer auf die definierte PDF -Datei leitet, und verwendet das “
iframe”Tag erstellt einen Iframe in der Ausgabe, in der die PDF -Datei angezeigt wird.
In diesem Beitrag werden wir beide Methoden zum Hinzufügen eines PDF -Datei -Links zu einem HTML -Dokument demonstrieren.
Verknüpfung einer PDF -Datei mit HTML
Die PDF -Dateien können über die verlinkt werden"Tag und auch durch die"" Schild. Beide Methoden können eine PDF -Datei in HTML hinzufügen, aber beide Methoden generieren unterschiedliche Ausgänge. Lassen Sie uns beide Methoden im Detail diskutieren.
Methode 1: Verwenden von Tag
Eine PDF -Datei kann mit der “mit der HTML verknüpft werdenAnker" Element. Lassen Sie uns diese Idee praktisch mit einer PDF -Datei als Beispiel mithilfe einer PDF -Datei implementieren:
So öffnen Sie die PDF -Datei
klicken Sie hier
In dem oben geschriebenen Code:
- Dort ist der "AbsatzElement in den Absatz -Tags ist der Text, der auf dem Bildschirm angezeigt wird. Dieser Schritt ist optional, da er gerade hinzugefügt wurde, um einen besseren Eindruck für den Betrieb in der Ausgabe zu erzeugen.
- Danach gibt es das "Anker" Element. Dies ist der Hauptschritt bei der Verknüpfung der PDF -Datei mit der HTML.
- Innerhalb des Öffnungsanker -Tags befindet sich das “href"Attribut, und der genaue PDF -Dateispeicherort wurde darin definiert"href”Attribut.
- Zwischen dem Öffnen und den Schließanker -Tags befindet sich der Text, der als Link angezeigt wird, und klicken Sie auf den Benutzer in die in der „definierte PDF -Datei“: „“href”Attribut.
Dies erzeugt die folgende Ausgabe:
Methode 2: Verwenden
Eine PDF -Datei kann auch mit der “mit der“ in ein HTML -Dokument verknüpft werden"Tag mit"src”Attribut darin:
In der obigen Anweisung oder im Iframe -Element:
- Da sind die "iframe"Öffnen und Schließen von Tags, um einen Iframe in der Ausgabe zu erstellen.
- Das Eröffnungs -Iframe -Tag enthält das "srcAttribut, das verwendet wird, um die URL einer externen Quelle hinzuzufügen. Der genaue Ort der PDF -Datei wurde in der “definiert“src”Attribut.
- Nach dem "src”Attribut, es gibt das“Breite" Und "Höhe”Attribute innerhalb des Eröffnungs -Iframe -Tags.
Dadurch wird die folgende Schnittstelle in der Ausgabe angezeigt:
Dies fasst die beiden verschiedenen Methoden zusammen, um eine PDF -Datei in ein HTML -Dokument zu verknüpfen oder einzubetten.
Abschluss
Die PDF -Datei kann mithilfe der “ein HTML -Dokument verknüpft oder hinzugefügt werden”(Anker) Element sowie das“" Element. Verwendung der "AnkerElement erfordert das Hinzufügen der “href”Attribut in den Eröffnungsanker -Tags und Definieren des darin enthaltenen PDF -Dateispeichers. Andererseits benutzen Sie die “iframeElement erfordert das Hinzufügen der “src”Attribut und Definieren des PDF -Dateispeichers darin darin.