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/


 
 

-備忘録

関連記事

[備忘録]WordPress:フォームの確認画面で過去の情報が表示される

プラグイン「MW WP Form」の動作不良 問い合わせフォームで「確認画面」に移行すると、その時入力した情報ではなく 過去に送信された別の情報が表示される事象が発生! フォームの入力情報なので、場合 …

[備忘録]Firefox:画像の情報を表示する方法

「Firefox 88」以降、メニューから消えてしまったらしい ブラウザ(Firefox )で閲覧している際、画像サイズなどの情報を知りたいときは、 当該画像を右クリック → 表示されたメニューから「 …

[備忘録]HTMLフォームで先頭の「0」(ゼロ)も表示させる方法

電話番号など、先頭の「0」が表示されない対処方法 Webサイトでフォームを作る際、例えば「電話番号」は、普通に「input type=”text”」にしてしまうと、「04512 …

[備忘録]ZenlogicのWordPressで403エラーが出るときの対処

WAFを有効にしていることでアクセスが制限されている可能性あり こんな(↑)エラー「403 指定されたページまたはファイルへのアクセスが禁止されています」が出たら、WAF(WEBアプリケーションファイ …

[備忘録]Xserver:include_pathを記述する方法

.htaccess での設定ができない 運用しているWebサイトを、既存サーバー老朽化に伴い Xserver(エックスサーバー)に移管している。 そこで躓いたのが「include_path」の宣言だ。 …