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/


 
 

-備忘録

関連記事

[備忘録]Androidスマホ:Googleアカウントからログアウトする方法

複数アカウントのGoogleカレンダーとかがごっちゃに表示される。。 Androidスマートフォンを使っているが、仕事用/プライベート用など複数のGoogleアカウントでログインすると、例えばGoog …

[備忘録]Windows10:フォルダ毎の容量を調べる方法

PowerShellの「Get-Childitem」コマンドを使う! —(2023.01.28追記)——- 高機能ファイラーツール「As/R」で簡単に出来る方法があ …

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

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

[備忘録]Dropbox:ディスク容量が少ない時に同期を解除する方法

Dropbox使ってたらノートPCのディスクが満杯になった。。 有償のDropbox Plusにしたら容量1TBになったは良いが、、ノートPCのSSDは100MBしかなく、、ディスクが一杯になってしま …

[備忘録]Windows10標準メールでのSSL設定方法

Windows10メールは、ナゼこんなにも難解なのか。。 Windows10の標準メールソフトは「Windows10メール」だ。 Win10上では 単に「メール」とだけ表示されていて、とても分かりづら …