jqueryのhtml()でaタグを使ったリンクを表示させる際にURLの末尾に/があるとリンクにならない

Question

末尾が/のURLをjqueryのhtml()を使ってaタグによるリンクを表示させたい。

掲示板に書き込まれた内容がURLだった場合は、aタグを使ってリンクにしたいと考えております。

ですが、例えばhttp://yahoo.co.jp の場合は正しくリンクになるのですが
http://yahoo.co.jp/というように最後にスラッシュがつくとリンクになりません。

GoogleChromeとIE11で試しましたが、同じ結果になりました。
末尾が/でもリンクにするにはどのようにすればよいのでしょうか

該当のソースコード

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="data"> <script> $("#data").html('<a href=https://www.yahoo.co.jp/>リンク</a>'); </script>

確認したこと

４行目のURLの末尾のスラッシュを削除し https://www.yahoo.co.jp　のようにすると思い通りの結果になります。
chromeの検証から「リンク」の部分を見ると下記のようになっていました
<a href="https://www.yahoo.co.jp">リンク</a>

４行目の末尾の末尾にスラッシュがある　https://www.yahoo.co.jp/　とするとリンクになりません。
chromeの検証から「リンク」の部分を見るとaタグの外に「リンク」の文字が来てしまっていました。
<a href="https://www.yahoo.co.jp"></a>リンク

Answer 1

<a href=https://www.yahoo.co.jp/>

自体が不完全なHTMLですから、どう解釈されても文句はいえません。
とくに「>」の前のスラッシュはXMLにおけるタグ閉じと認識されているのでしょう
単純に

$("#data").html('<a href="https://www.yahoo.co.jp/">リンク</a>');

とするだけなんですけどね

Comments

[eBjR1aTLyP25mYm]

ご回答ありがとうございました。基礎から勉強します！

Answer 2

こんなふうにURL部分もクォーテーションで囲みましょか。

$("#data").html("<a href='https://www.yahoo.co.jp/'>リンク</a>");

Comments

[eBjR1aTLyP25mYm]

ありがとうございました！何時間も悩んでたんですが、こんな簡単なことだったんですね。