以下の内容はhttps://little-strange.hatenablog.com/entry/2022/03/31/223948より取得しました。


はてなブログのコメント欄にHTMLタグを「コードとして」書く場合

 どうも!LSSです!!

 

はてなブログのコメント欄は(全てではないと思いますが)HTMLタグを書く事ができます。

例えば、

<img src="画像ファイルのURL"/>

のように書くと画像を挿入できたり。

 

ところが、ですね。

タグが有効である、という事は逆に言えば「こういうタグを使うんですよ」って伝えたい場合にもタグが有効になってしまい、「コードとして」書くのに困難を生じます。

 

今回はそんな場合の解決策を2つ、書いてみます。

 

 

解決策 その1「全角で書く」

HTMLタグは「<」と「>」で囲んで記述します。

この2つの記号さえなんとかすれば、問題は解決します。

 

なので、

「<img src="画像ファイルのURL"/>」のように「<」と「>」だけを「全角記号」で書き直して、「<と>は半角に直してください」と併記する、という方法があります。

 

 

解決策 その2「HTMLエンコード

はい、またよく分からない単語を出してきましたw

 

例えば半角の「<」を「HTMLタグを解釈する状況で表示させる」際には「&lt;」と書くと、解釈後には「<」として表示されます。
(いずれも半角文字、アンドの記号、小文字のL、小文字のT、セミコロン)

また、半角の「>」の場合は「&gt;」と書きます。(アンドの記号、小文字のG、小文字のT、セミコロン)

 

ちなみに、「lt」「gt」はそれぞれ「less than」「greater than」の略で、日本語で言うと「小なり」「大なり」を意味します。

 

これでいくと、先のimgタグの例は、

&lt;img src="画像ファイルのURL"/&gt;

のように書くと、

<img src="画像ファイルのURL"/>

と表示されるようになります。

 

※余談ですが、半角の「&」を表示させたい場合は「&amp;」と書きます。

 

 

解決策 その2を手軽にする方法

例えば、コードがちょっと長くて「<」や「>」がたくさん出てきて面倒くさい場合。

PC版のはてなブロガーなら、はてなブログの編集画面で、
「見たまま編集」の方にコードを貼り付け、
「HTML編集」に切り替えてその箇所を見ると、
HTMLエンコードされた「コード」が出てくるので、それをコピペする…という方法も使えますw

(空行があると<p></p>に変えられてしまったりするので、そのあたりだけ手修正で。)

 

 

 

ってなとこで、今回はこのへんで!

次回もまた、よろしくお願いします^^

 

 

 




以上の内容はhttps://little-strange.hatenablog.com/entry/2022/03/31/223948より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14