CEOブログ

横浜で活躍するホームページ作成・開発会社アットライズの代表取締役社長(CEO)が綴る、日々の奮闘記!!

備忘録

[備忘録]HTML・CSS等のコード整形ツール、DIVタグ閉じ忘れチェッカー

投稿日:2022年6月7日 更新日:

インデントや改行など、見やすく整形してくれる便利なサイト

既存サイトの分析やアーカイブ収集等をするのに「Website Explorer」というフリーツールを使うことがある。

無料ツールの割に多機能で、Web制作者には欠かせないツールの一つとなっているのだが、、
WebsiteExplorerでアーカイブ(ダウンロード)したコードは、インデントや改行位置がバラバラで、、時にこれが悪さをして、正確に表示できないケースもあったりする。。
 

【1】HTMLのコード整形ツール

そんなコードを整形してくれるサイトがあった!

https://lab.syncer.jp/Tool/HTML-PrettyPrint/

このサイト、HTMLの整形以外にも、CSSの整形、JavaScriptの整形もできる。

さらに上の階層には、さまざまな便利ツールも盛りだくさんみたいなので、、
覚えておくと便利かも知れない。
 

【2】DIVタグ閉じ忘れチェッカー

DIVタグの閉じ忘れをチェックしてくれるサイト!
https://div.natureblue.com/


 
 

-備忘録

関連記事

[備忘録]PC起動時に特定プログラムを実行させる方法 3選

シャットダウン時/スタートアップ時にツールを起動したいとき シャットダウン時の方法はブログ「[Windows]シャットダウン時に特定プログラムを実行させる方法」に記載してますので、そちらをご覧ください …

[備忘録]firefoxを起動しても立ち上がらなくなった時の対処

プロファイルは重要な要素みたい どうもここんトコ Firefox(FF)が調子悪い。 起動しても真っ白な状態だったことは、以前のブログで書いた。 その後しばらくは調子良かったのだが、結局わかった事は、 …

[備忘録]Windows10:簡単に画面キャプチャーをJPGファイル保存する方法

セカンドモニタでも矩形選択スクリーンショットを簡単にJPG保存できる! 業務上、モニタに表示されたある部分をJPG画像等に保存しておきたいことは良くある。 今までは、定番の画面キャプチャーツール「Wi …

[備忘録]Windows10でスタートアップに登録する方法

Windows10では とても分かりにくくなった。。 Windows7まではスタートメニューから簡単に登録できたが、Windows10ではとてもわかりにくくなった。。 ここでは2種類の方法を紹介しよう …

[備忘録]Excel:簡単に絶対参照($)する方法

知っておくと便利な「絶対参照」 Excelで、他のセルを参照する時(例えば「=A1」)、これを単純にコピーするだけだと自動的に相対的にズレた値として参照される。 これはコレで とても便利なのだが、、時 …