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/


 
 

-備忘録

関連記事

[備忘録]Windowsコマンドプロンプト:コマンドを一時的に停止する方法

コマンドプロンプトで実行中のコマンドを一次停止する方法 コマンドプロンプトでコマンドを実行中、例えば大量のファイルコピーとか 処理時間が長くかかるような場合、途中で一旦止めて、後ほど再開したい場合があ …

[備忘録]WordPressのログイン画面にIPアドレス制限をかける方法

より強固なセキュリティ対策を WordPressのログイン画面にBasic認証を設定する方法はブログ(*1)に書いたが、更に強固に特定のIPアドレスからしかアクセスを許可しないように制限する方法を。 …

[備忘録]ブラウザに表示されるURLを書き換える方法

メールフォームの重複送信対策 メールフォームの完了メールが重複して何度も送られてくる問題についてはブログ(*1)に書いた。  (*1) [備忘録]メールフォーム:完了メールが何度も送信される問題。。 …

[備忘録]Acrobat Reader DC:ツールメニューを消す方法

開くたびにウザいツールパネルウィンドウ Acrobat Readerの結構新しいバージョンを使っていると、PDFファイルを開くたびに文書の右側にツールのエリアが表示され、とてもウザい。。 右向き矢印を …

[備忘録]3分でできる!Webフォームで郵便番号から住所を自動入力する方法

わずらわしいインストールや組み込みは一切不要! Webサイトのお問い合わせフォームや注文フォームなどで、「郵便番号」から「住所」を自動入力するチョー簡単な方法を! ※参考サイト:超簡単!たった2行だけ …