การเชื่อมโยงไปยังไฟล์ PDF ด้วย HTML

Kar Cheuxm Yong Pi Yang Fil Pdf Dwy Html



บางครั้งจำเป็นต้องเพิ่มหรือฝังไฟล์รูปแบบ PDF ในเอกสาร HTML ไฟล์ PDF สามารถเชื่อมโยงกับเอกสาร HTML ได้สองวิธี (โดยใช้แท็ก HTML สองแท็กที่แตกต่างกัน) นักพัฒนาสามารถใช้ HTML “ สมอ ” แท็ก และ “ ไอเฟรม ” แท็กเพื่อเชื่อมโยงไฟล์ PDF กับเอกสาร HTML ใช้ ' สมอ แท็ก ” จะสร้างลิงก์บนอินเทอร์เฟซที่นำผู้ใช้ไปยังไฟล์ PDF ที่กำหนด และใช้แท็ก “ ไอเฟรม แท็ก ” จะสร้าง iframe ในเอาต์พุตซึ่งจะแสดงไฟล์ PDF

ในโพสต์นี้ เราจะสาธิตวิธีการเพิ่มลิงก์ไฟล์ PDF ไปยังเอกสาร HTML ทั้งสองวิธี

การเชื่อมโยงไฟล์ PDF กับ HTML

ไฟล์ PDF สามารถเชื่อมโยงผ่าน “ ” แท็กและผ่าน “


วิธีที่ 1: การใช้แท็ก

ไฟล์ PDF สามารถเชื่อมโยงไปยัง HTML โดยใช้ ' สมอ ' องค์ประกอบ. ลองนำแนวคิดนี้ไปใช้จริงโดยใช้ไฟล์ PDF เป็นตัวอย่าง:



<
หน้า > เพื่อเปิดไฟล์ PDF

< href = 'MyDemoFile.pdf' > คลิกที่นี่ < / >

< / หน้า >

ในรหัสที่เขียนด้านบน:



  • มี “ ย่อหน้า ” องค์ประกอบภายในแท็กย่อหน้าคือข้อความที่จะแสดงบนหน้าจอ ขั้นตอนนี้เป็นทางเลือกเนื่องจากเพิ่งถูกเพิ่มเข้าไปเพื่อสร้างความรู้สึกที่ดีขึ้นของการดำเนินการในเอาต์พุต
  • หลังจากนั้นก็มี “ สมอ ' องค์ประกอบ. นี่เป็นขั้นตอนหลักในการเชื่อมโยงไฟล์ PDF กับ HTML
  • ภายในแท็กสมอเปิดคือ “ href แอตทริบิวต์ ” และตำแหน่งไฟล์ PDF ที่แน่นอนได้รับการกำหนดไว้ใน “ href ' คุณลักษณะ.
  • ระหว่างแท็กเปิดและแท็กปิดคือข้อความที่จะแสดงเป็นลิงก์ การคลิกซึ่งจะนำผู้ใช้ไปยังไฟล์ PDF ที่กำหนดไว้ใน ' href ' คุณลักษณะ.

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้:





วิธีที่ 2: การใช้แท็ก