濁点付きカナ文字PDFファイル名へのリンクでリクエスト文字化けによる404エラーが発生する

Question

前提

PDFファイルをHTMLから表示しようとしています。
aタグから別タブで表示しようと思っています。

実現したいこと

PDFを正常に表示する。

発生している問題・エラーメッセージ

「【ページ】説明書.pdf」こういったファイル名のPDFへ、HTMLのaタグから別タブ表示するようにしているのですが、リクエストが文字化けしているのか、404エラーとなってしまいます。

エラーは以下のような表示です。

> The requested URL /pdf/【マ 〜省略〜 .pdf was not found on this server.

該当のソースコード

<a href="./pdf/【ページ】説明書.pdf" target="_blank">【ページ】説明書</a>

試したこと

「ページ」「ページ」（ブラウザ上わからないかもしれませんが濁点が１文字になっているかの違いがあります）などで分けたりもしたのですが、同様に文字化けしてしまいました。
漢字、ひらがな、アルファベットのファイルは開けるようなのですが、カナになると上手く表示できないようです。

補足情報（FW/ツールのバージョンなど）

Mac
PHPStorm

申し訳ありませんが、ご教授いただきたく思います。

Answer 1

日本語部分をパーセントエンコードするといかがでしょうか

href="./pdf/%E3%80%90%E3%83%98%E3%82%9A%E3%83%BC%E3%82%B7%E3%82%99%E3%80%91%E8%AA%AC%E6%98%8E%E6%9B%B8.pdf"

https://tech-unlimited.com/urlencode.html

Comments

[JanTh1989]

ご回答ありがとうございます。
回答いただいた通り、パーセントエンコードをしたところ、PDFが無事表示されました。
ありがとうございました。