Afficher un PDF dans une page web

Vous avez toujours rêvé d’afficher un document au format PDF directement dans votre site web, mais vous ne savez pas comment faire. Voici le tutoriel qui vous faut.

Le code HTML

<object data="monPDF.pdf" type="application/pdf" width="100%" height="600" typemustmatch>
	<p>Vous ne possédez pas de greffon PDF, mais vous pouvez <a href="monPDF.pdf">télécharger le fichier PDF.</a></p>
</object>

Explication du code

Tout d’abord on va utiliser la balise « object ».
Elle est tout à fait classique, donc je ne reviendra pas trop dessus.
Les attributs importants sont « data » et « type ».
Le premier attribut va contenir l’url du fichier PDF. Libre à vous d’utiliser un chemin absolu ou relatif.
Le deuxième attribut sert à indiquer le type de fichier que le navigateur doit attendre. Dans le cas d’un PDF on indique « application/pdf ». L’utilisation de « typemustmatch » permet de sécuriser l’affichage du document. S’il ne s’agit pas d’un PDF il ne doit pas être affiché.
Les autres attributs possibles pour « object » peuvent être utilisés. C’est le cas pour « width », « height », « id » ou « class ».

La balise « object » permet d’afficher un contenu en cas de problème avec le PDF. Vous pouvez mettre un simple message d’erreur ou un contenu alternatif.

Quelques liens pour aller plus loin

Ajouter un commentaire

Le code HTML est affiché comme du texte et les adresses web sont automatiquement transformées.

La discussion continue ailleurs

URL de rétrolien : http://blog.philippe-poisse.eu/index.php?trackback/245

Fil des commentaires de ce billet