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/


 
 

-備忘録

関連記事

[備忘録]Googleフォーム:メールアドレスの入力チェック

不正なアドレスだと、自動応答メールがエラーになる。。 セミナーなどの申し込みフォームとして「Googleフォーム」を使っている。 Googleフォームは、スプレッドシート(*1)に自動で保存されていく …

[備忘録]秀丸メール:Gmailの送受信ができない、の対処方法

Gmail側のセキュリティ強化でサードパーティアプリがNGになった。。 Gmailのアカウントを、愛用しているメールソフト「秀丸メール」から送受信できるようにしていたが、Gmail側のセキュリティ強化 …

[備忘録].htaccess:リダイレクトから除外する方法

URLのリダイレクトから除外したい場合は? WebサイトのURLで、wwwあり/なし を統一したり、httpでのアクセスを自動的にhttpsに変換したりする方法は、過去ブログで書いた。 [備忘録]ww …

[備忘録]WordPress:「保存」時 403エラーの対処

javascriptの記述が抵触してた。。 WordPressでページの編集をした際、「保存」(「公開」「プレビュー」含む)すると「403エラー」となった。 原因の切り分けをするため いろいろ試してみ …

[備忘録]Gmailを送受信できない場合の対処(安全性の低いアプリのアクセス)

勝手に「無効」に変わってしまう。。 Gmailを 秀丸メールからPOP/SMTPアクセスで送受信している。 が、今まで問題なく送受信できていたものが、突然NGとなることが稀にある。 そのときの 秀丸メ …