HTMLからPDFへのいろいろなリンク

投稿者: | 2021年2月1日

HTMLからPDFへリンクする際のいろいろな方法です。

普通にリンクする

コード

<a href="https://www.ntt-west.co.jp/kiki/download/flets/v100/description.pdf" target="_blank">説明書</a>

実行例

説明書


ページを指定してリンクする

コード

<a href="https://www.ntt-west.co.jp/kiki/download/flets/v100/description.pdf#page=10" target="_blank">説明書 p.10</a>

実行例

説明書 p.10


ブラウザの縦幅にページが収まるようにリンクする

コード

<a href="https://www.ntt-west.co.jp/kiki/download/flets/v100/description.pdf#view=FitV" target="_blank">説明書 (縦に合わせる)</a>

実行例

説明書 (縦に合わせる)


ブラウザの横幅にページが収まるようにリンクする

コード

<a href="https://www.ntt-west.co.jp/kiki/download/flets/v100/description.pdf#view=FitH" target="_blank">説明書 (横に合わせる)</a>

実行例

説明書 (横に合わせる)


複数の条件を指定するリンク

コード

<a href="https://www.ntt-west.co.jp/kiki/download/flets/v100/description.pdf#page=20&view=FitH" target="_blank">説明書 p.20 (横に合わせる)</a>

実行例

説明書 p.20 (横に合わせる)


その他

その他にもいろいろなパラメーターが存在します。詳しくは下記のadobeのページを参照してください。

https://www.adobe.com/content/dam/acom/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf#page=5