Comment afficher un document PDF dans une page Web

Les fichiers au format de document portable fournissent un contenu autonome important pour les sites Web. Cependant, ils peuvent également être incorporés dans des pages Web

Le format PDF (ou le format de document portable) est largement utilisé sur Internet. Cependant, la plupart des développeurs de sites Web n’utiliseront en fait qu’un seul format: le PDF Adobe. En fait, Adobe PDF est tellement utilisé que de nombreuses applications (comme OpenOffice.org Writer ) permettent aux utilisateurs de sortir des fichiers directement dans Adobe PDF .. Et donc, il est très facile de créer:

  • un bulletin d’information
  • un rapport
  • un exemple de chapitre d’un livre

Ceux-ci peuvent ensuite être placés sur un site Web en sachant que le lecteur verra le document exactement comme le rédacteur l’a voulu. Bien sûr, cela pose un problème pour le concepteur de page Web. Comment peuvent-ils incorporer un document PDF dans leurs pages Web?

Lien vers un document PDF

Le développeur de page Web peut créer un lien vers un document PDF exactement de la même manière qu’il le ferait avec tout autre document Web:

<a href = « newsletter_20100506.pdf »> Lettre d’information du 6 mai </ a>

Cela ouvrira le fichier PDF, mais il y a quelques problèmes avec cette méthode:

  • le lecteur devra utiliser le bouton retour du navigateur pour revenir à la page précédente
  • si le lecteur met le fichier PDF en signet et y revient plus tard, il n’y a pas de lien direct vers le reste du site Web

De toute évidence, la réponse est d’ouvrir le document PDF en contexte dans une page Web.

Ouverture d’un fichier PDF dans une page Web

Plutôt que d’ouvrir un fichier PDF en tant que document séparé, il peut être chargé dans une page Web en tant qu’objet incorporé. Heureusement, la balise d’objet HTML rend cela très simple

<objet> </ objet>

La balise d’objet fonctionne avec seulement quelques paramètres essentiels:

  • data – l’url du document PDF
  • type – le type MIME (Multipurpose Internet Mail Extensions) du document. Pour un fichier PDF, le type MIME est « application / pdf »
  • largeur et hauteur – il convient de noter que si la largeur et la hauteur de l’objet sont définies pour être inférieures à la largeur et à la hauteur du document PDF d’origine, les barres de défilement seront automatiquement affichées sur l’objet.

Le code HTML requis pour afficher un document PDF dans une page Web sera donc quelque chose comme:

<objet
data = « newsletter_20100506.pdf »
type = « application / pdf »
largeur = 600 hauteur = 400> </ objet>
Lettre d’actualité actuelle

Et avec cela, le concepteur de site Web peut intégrer des documents PDF de manière transparente dans leurs pages Web. Au lieu de nuire à leur conception globale, le fichier ajoutera un contenu essentiel pour l’utilisateur du site Web.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *