デニー38の日記(ITとかダイエットとか)

デブでニートで元38歳の日記。ダイエットは継続。ニートでブログ書いたりサイト運営したり。

【はてなブログ】HTML編集がすごかった!

初めて5日ほどですが、

HatenaBlogの回りくどい操作性に、

うんざりしていたところでした。

そんな私に、衝撃が走った。

 

はてなブログのHTML編集が超見やすい。 

ある記事を書いていたとき、

挿入した画像が白い余白が多いものでした。

画像自体もはてなブログの編集画面をプリントスクリーンしたもの、

貼り付ける画像と、投稿するブログ本文は区切りたい。

そのため画像に外枠を付けたい。

 

画像を編集して枠を付けるのは面倒だし、

はてなブログの機能でそういうのないかなー。

無かったです。

しかたなく、HTMLを直接編集しよう。

⚡⚡⚡ゴロゴロ、ドッカーン⚡⚡⚡

f:id:debuNEET38:20180611024941p:plain

え?なにこれ、

超見やすい

目に優しい

HTMLエディタ並みでしょ

感動しました。

 

肝心の外枠は、

非推奨のborderプロパティは使えなかったです。

<img src="xxxx.jpg" alt="××" border="1" />

なので、

<img src="xxxx.jpg" alt="××" style="boder:1px #000000 solid;" />

って書いてやりました。

⚡⚡⚡ゴロゴロ、ドッカーン⚡⚡⚡

本日2度目の落雷が落ちました。

 

自動整形されてるー。

style="~をimgタグの最後に追加したのですが、

class指定の次の位置に移動されてました。

<img  class="photostyle"  style="boder:1px #000000 solid;" src="xxxx.jpg" alt="××" />

たしかに、ここに書いたほうが見やすいですし、そうすべきでした。

どうせHTMLなんて汚くなっちゃうだろうなんて、

甘かったです。

 

はてなブログのHTML編集画面は、

余計なインデント(TABや改行)がなく、

最高にシンプルなHTMLで記載されています。

機能を絞っているのも、このためだと思います。

非推奨のプロパティーが使えないのも納得です。

 

市販のHTMLエディターでも、

書式設定後に中の文字を消しても、

HTML表示すると書式だけ残っていたりするものがあります。

今のところ、はてなブログのHTML編集画面で確認する限り、

そういった余分な修飾が残っている現象は確認できていません。

 

はてなブログ

これは最強のメリットですね。

これだけでも使う価値十分あります。