בפוסט זה, נדגים את שתי השיטות להוספת קישור לקובץ PDF למסמך HTML.
קישור קובץ PDF עם HTML
ניתן לקשר את קבצי ה-PDF דרך ' ' תג וגם דרך ' 'תג. שתי השיטות יכולות להוסיף קובץ PDF ב-HTML, אך שתי השיטות מייצרות פלטים שונים. בואו נדון בשתי השיטות בפירוט.
שיטה 1: שימוש בתג
ניתן לקשר קובץ PDF ל-HTML באמצעות ' לְעַגֵן ' אלמנט. בואו ליישם את הרעיון הזה באופן מעשי באמצעות קובץ PDF כדוגמה:
< ע > לפתיחת קובץ ה-PDF
< א href = 'MyDemoFile.pdf' > לחץ כאן < / א >
< / ע >
בקוד שנכתב למעלה:
- שם ה ' פסקה ” אלמנט, בתוך תגי הפסקה נמצא הטקסט שיוצג על המסך. שלב זה הוא אופציונלי מכיוון שהוא התווסף זה עתה כדי ליצור תחושה טובה יותר של הפעולה בפלט.
- לאחר מכן, יש את ' לְעַגֵן ' אלמנט. זהו השלב העיקרי בקישור קובץ ה-PDF עם ה-HTML.
- בתוך תג העוגן הפותח יש את ' href ', ומיקום קובץ ה-PDF המדויק הוגדר ב' href ' תכונה.
- בין תגי העוגן הפותחים לסוגרים נמצא הטקסט שיוצג כקישור, לחיצה עליו תפנה את המשתמש לקובץ ה-PDF המוגדר ב' href ' תכונה.
זה יפיק את הפלט הבא:
שיטה 2: שימוש בתג
ניתן לקשר קובץ PDF למסמך HTML גם באמצעות ' ' תג עם ' src ' תכונה בתוכו:
< iframe src = 'MyDemoFile.pdf' רוֹחַב = '90%' גוֹבַה = '450 פיקסלים' >
< / iframe >
בהצהרה שלמעלה או באלמנט iframe:
- יש את ' iframe ' תגיות פתיחה וסגירה ליצירת iframe בפלט.
- תג ה-iframe הפותח מכיל את ' src ' תכונה המשמשת להוספת כתובת האתר של מקור חיצוני. המיקום המדויק של קובץ ה-PDF הוגדר ב' src ' תכונה.
- לאחר ' src תכונה ', יש את ' רוֹחַב ' ו' גוֹבַה ” תכונות בתוך תג ה-iframe הפותח.
זה יציג את הממשק הבא בפלט:
זה מסכם את שתי השיטות השונות לקישור או להטמעת קובץ PDF במסמך HTML.
סיכום
ניתן לקשר את קובץ ה-PDF או להוסיף למסמך HTML באמצעות ' ' (עוגן) אלמנט כמו גם ' ' אלמנט. משתמש ב ' לְעַגֵן אלמנט ' דורש הוספת ה-' href ' תכונה בתגי העוגן הפותחים והגדרת מיקום קובץ ה-PDF בו. מצד שני, באמצעות ' iframe אלמנט ' דורש הוספת ה-' src ' תכונה והגדרת מיקום קובץ ה-PDF בתוכו.