htmlでのローカルファイルのリンク方法に関して

Question

前提・実現したいこと

ローカルファイルのテキストファイルをhtmにリンクとして埋め込み、
リンクを踏んだ時にブラウザの別タブでテキストファイルを表示したい。

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

別タブに表示されず、テキストファイルがダウンロードされてしまう。

該当のソースコード

<td><a class="hoge" href="./list/test1.txt" target="_blank" rel=”noopener”>Test Text</a></td>

試したこと

target="_blank" rel=”noopener”を入れる

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

• 使用ブラウザ(Google Chrome)

バージョン: 85.0.4183.83（Official Build） （64 ビット）

Comments

[miyabi_pudding]

ゆくゆくは、Webサーバー上でテキストを表示することを想定してますか？

[m.Tohato]

今の所は想定していません。

[miyabi_pudding]

なるほど・・・。
わかりました。

Answer 1

ブラウザの仕様によりです。
ローカルファイルだと自身のPCでしかできませんがそれで良いのでしょうか。
サーバーサイドの言語であればファイル自体の出力も可能にはなります。
（ただ、ローカルファイルにはなりません）

Comments

[m.Tohato]

ご回答ありがとうございます。
厳密に申し上げますとターゲットデバイスのローカルファイルになります。

[m.ts10806]

回答に変更はありません。

Answer 2

質問修正依頼のコメントにて、
今後Webサーバーでテキストファイルの表示をできるようにとの想定はしていない、とのことでしたので、回答です。

ブラウザで表示しようとせず、ファイルをダブルクリックして開きましょう。

Webブラウザは基本的にHTMLなどのWeb上で扱うようなドキュメントしか、表示するようになっておりません。
それ以外のファイルはダウンロードという形をとります。
これは仕様です。

今後Webサーバーなどで、テキストも表示させるようにしたい、となると、別の技術が必要になりますが、
それだと、今の質問内容からでは回答しかねます。