Czasami konieczne jest dodanie lub osadzenie pliku sformatowanego PDF w dokumencie HTML. Plik PDF można połączyć z dokumentem HTML na dwa różne sposoby (przy użyciu dwóch różnych znaczników HTML). Deweloperzy mogą korzystać z HTML ”
kotwica”Tag i„
iframe”Tag do połączenia pliku PDF z dokumentem HTML. Używając "
kotwica”Tag utworzy link na interfejsie, który kieruje użytkownika do zdefiniowanego pliku PDF, i za pomocą„
iframe”Tag utworzy IFrame w wyjściu, w którym zostanie wyświetlony plik PDF.
W tym poście zademonstrujemy obie metody dodawania linku pliku PDF do dokumentu HTML.
Łączenie pliku PDF z HTML
Pliki PDF można połączyć za pośrednictwem „”Tag, a także przez„”Tag. Obie metody mogą dodać plik PDF w HTML, ale obie metody generują różne wyjścia. Omówmy szczegółowo obie metody.
Metoda 1: Za pomocą tagu
Plik PDF można połączyć z HTML za pomocą „kotwica" element. Na przykład praktycznie zaimplementujmy ten pomysł, używając pliku PDF:
Aby otworzyć plik PDF
Kliknij tutaj
W kodzie napisanym powyżej:
- Jest „ustęp„Element, wewnątrz znaczników akapitowych jest tekst wyświetlany na ekranie. Ten krok jest opcjonalny, ponieważ został właśnie dodany, aby stworzyć lepsze poczucie operacji w wyjściu.
- Potem jest „kotwica" element. To jest główny krok w łączeniu pliku PDF z HTML.
- Wewnątrz otwierającej metki kotwicy jest „Href„Atrybut, a dokładna lokalizacja pliku PDF została zdefiniowana w tym”Href" atrybut.
- Pomiędzy otwieraniem a zamykaniem znaczników kotwicznych jest tekst, który ma być wyświetlany jako link, kliknięcie, w którym będzie kierować użytkownika do pliku PDF zdefiniowanego w „Href" atrybut.
To wygeneruje następujące dane wyjściowe:
Metoda 2: Używanie
Plik PDF można połączyć z dokumentem HTML również za pomocą „„Tag z„src„Atrybut w nim:
W powyższym stwierdzeniu lub elemencie iframe:
- Jest „iframe”Otwarcie i zamykanie tagów w celu utworzenia iframe w wyjściu.
- Otwarcie tagu iframe zawiera „src”Atrybut używany do dodania adresu URL źródła zewnętrznego. Dokładna lokalizacja pliku PDF została zdefiniowana w „src" atrybut.
- Po "src”Atrybut, istnieje„szerokość" I "wysokość”Atrybuty wewnątrz otwierającego znacznika iframe.
To wyświetli następujący interfejs w wyjściu:
To podsumowuje dwie różne metody łączenia lub osadzania pliku PDF w dokument HTML.
Wniosek
Plik PDF można połączyć lub dodać do dokumentu HTML za pomocą „”(Kotwica), a także„ „" element. Używając "kotwica”Element wymaga dodania„Href”Atrybut w otwierających znacznikach kotwicy i definiowanie lokalizacji pliku PDF w IT. Z drugiej strony, używając „iframe”Element wymaga dodania„src”Atrybut i definiowanie lokalizacji pliku PDF w nim.