現役エンジニアが教える豆知識シリーズ~HTML整形~
現役エンジニアが教える豆知識シリーズ~HTML整形~
こんにちは!
現役エンジニアが教える豆知識シリーズです。
今回は、「HTMLの整形ツール」に関して
お話させていただきます!
現役エンジニアが教える豆知識シリーズ~HTML整形~
前回、HTMLのポイントとして
タグの閉じ方の順番についてお話しました。

現役エンジニアが教える!HTML小技編
こんにちは!
お久しぶりの現役エンジニアが教えるシリーズです。
今回はネットショップに欠かせない
"HTML" の豆知識です。
HTMLの基本に関してはこちら↓をご参考ください。
【ネットショップ黒字ラボ - HTML参考記事リン...
今回は、知っていると便利な
「HTML整形ツール」をご紹介させていただきます!
「HTML整形ツール」とは、その名の通り
HTMLで書いたものを整形してくれるツールになります。
先ほど紹介した記事のソースコードをみてみましょう。
このように改行などがしっかりと表示されていて
見やすいところは良いですが、
サイトによってはそのような表示していない
ところもあります。
先ほどのコードを使ってメモ帳で再現してみました!
これだとなにがどこにあるのか分かりづらいですよね。
そんなときに便利なのが「HTML整形ツール」になります!
改行もない分かりづらいコードを用いると…
なんとこのように自動で整形してくれるのです!
どうです?
すごく分かりやすくなったと思いませんか?
このように、HTMLがコピペで簡単にきれいになるのです。
また、間違いをある程度修正してくれる
「HTML整形ツール」もあります。
HTMLはEC事業に切っても切り離せないもの…
ぜひ「HTML整形ツール」を活用してみてくださいね!
今回使用した「HTML整形ツール」はコチラ▽
https://lab.syncer.jp/Tool/HTML-PrettyPrint/
プチデバック機能付きの「HTML整形ツール」はコチラ▽
http://u670.com/pikamap/htmlseikei.php