Html Dersleri

PDF Belgesini Web Sayfasına Ekleme

PDF dosyaları genellikle web sitesi üzerinden verilen linkler ile görüntülenmektedir. Bunun içinde bir HTML bağlantısı oluşturulur. Bu şekilde PDF dosyasını farklı bir sayfada göstermek yerine, aynı sayfada görüntülemede yapabilirsiniz. PDF dosyasını, sayfada göstermek için <embed> etiketi kullanılmaktadır. Bu etiketle birlikte PDF dosyasını sayfaya gömebilirsiniz.

HTML etiketi olan <embed> için birkaç parametre tanımlamak gerekmektedir. Bu parametrelerin açıklamalarına aşağıdaki tablodan ulaşabilirsiniz.

ParametreAçıklaması
SRCPDF dosyasının yüklü olduğu yer bu parametreye yazılır.
TYPEİçeriğin türünü belirtir. PDF için application/pdf yazılır.
WİDTHPDF dosyasının gösterileceği alanın genişliği tanımlanır.
HEİGHTPDF dosyasının yüksekliği bu alandan tanımlanır.

Yukarıdaki parametreleri girdiğinizde sorunsuz bir şekilde PDF dosyasını web sayfasında görüntüleyebilirsiniz.

PDF Dosyasını Web Sayfasına Ekleme

Yukarıdaki açıklayıcı bilgiler doğrultusunda <embed> kodunu oluşturup, HTML sayfasında PDF dosyasının görüntülenmesini sağlayabilirsiniz. Örnek için aşağıdaki kodu inceleyebilirsiniz.

<embed
   src="https://www.ibrahimcevruk.com/wp-content/uploads/2020/01/heryonuylephp_icindekiler.pdf"
   type="application/pdf"
   width="500px"
   height="600px"
/>

Örnekteki gibi parametrelere gerekli bilgiler yazıldığında web sayfasında belirlenen PDF dosyası görüntülenecektir. Görüntülemesi yapılan PDF dosyası için farklı parameterler de bulunmaktadır. Bu parametreler için aşağıdaki başlığı inceleyebilirsiniz.

PDF Dosyası İçin Parametre Belirleme

PDF dosyasının görüntülenmesi için bir takım link üzerinden belirlenen parametresel özelleştirmeler mevcuttur. Bu özelleştirmeler için aşağıdaki tabloyu inceleyebilirsiniz.

ParametreAlacağı DeğerParametre Açıklaması
pageİnteger değer alır.Bu parametre ile PDF dosyasının hangi sayfadan başlayacağı belirlenir.
zoomİnteger değer alır.PDF dosyasının yakınlaştırma durumunu belirtir. 100 değeri %100 demektir.
viewİnteger değer alır.PDF dosyasının görünüm ayarı yapılır.
scrollbar1 yada 0 değerini alır.Kaydırma çubuğunu aç/kapat ayarı yapılır.
toolbar1 yada 0 değerini alır.Araç çubuğu aç/kapat ayarı yapılır.
statusbar1 yada 0 değerini alır.Durum çubuğu aç/kapat ayarı yapılır.
navpanes1 yada 0 değerini alır.Gezinme bölümünü ve sekmesini aç/kapat ayarı yapılır.

Tabloda yer alan parametreler <embed> etiketinin içerisindeki SRC parametresinde yer alan URL değerinin sonuna eklenerek uygulanır.

  • PDF Dosyasını 5. Sayfadan başlatır.

https://www.ibrahimcevruk.com/wp-content/uploads/2020/01/heryonuylephp_icindekiler.pdf#page=5

  • PDF Dosyası için %200’lük yakınlaştırma yapılır.

https://www.ibrahimcevruk.com/wp-content/uploads/2020/01/heryonuylephp_icindekiler.pdf#zoom=200

  • Kaydırma, araç, durum ve gezinme bölümlerini kapatır.

https://www.ibrahimcevruk.com/wp-content/uploads/2020/01/heryonuylephp_icindekiler.pdf#scrollbar=0&toolbar=0& statusbar=0&navpanes=0

  • PDF dosyasını 5. Sayfadan başlatır ve %200 yakınlaştırır.

https://www.ibrahimcevruk.com/wp-content/uploads/2020/01/heryonuylephp_icindekiler.pdf#page=5&zoom=200

Yukarıda yer alan listedeki gibi kullanımları mevcuttur. İlk parametre belirlenirken # (diez) işareti kullanılır. Sonraki parametreler & (ile) birleştirilerek özellikler tanımlanır.

Daha Fazla Göster

İlgili Makaleler

Kapalı