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/


 
 

-備忘録

関連記事

[備忘録]Excel:セル背景色が「黄色」のセル数をカウントする方法

VBAマクロを組む ある会合の出欠リストで、会合の出欠の他に「懇親会」の出欠も合わせて記録し、それぞれの人数を把握する必要があった。 ○:会合出席 △:会合オンライン出席 黄色:懇親会参加   例えば …

[備忘録].poファイル を.moファイルにコンパイルする方法

WordPressプラグインを修正したかったのだが。。 WordPressのとあるプラグインで表示されている文言を書き換えたかったのだが、、 ちょっとややこしかったので備忘録として残しておきます。   …

[備忘録]ブラウザキャッシュさせない方法

頻繁に更新するファイルはキャッシュしたくない。。 ブラウザにキャッシュさせない方法はいくつかある。 ■metaタグに追記する 参考: https://techacademy.jp/magazine/3 …

[備忘録]Firefox:PDFをダウンロードせずにブラウザ上で表示する方法

PDFファイルのリンクをクリックすると毎回ダウンロードするのがウザイ。。 ブラウザはFirefoxを愛用しているが、いつの間にかPDFファイルのリンクをクリックすると毎回ダウンロードするようになってし …

[PowerPoint]スライド番号を表示させる方法

PowerPoint2007での設定手順 スライド番号の挿入 ●「挿入」タブ → 「スライド番号」をクリック ●「スライド番号」にチェック(必要に応じ「タイトルスライドに表示しない」もチェック)   …