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/


 
 

-備忘録


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[備忘録]Excel:セルの値によって色を変える方法

Excel2007での設定方法 ここでは、セルの値が「土」または「日」なら、当該セルを「グレー」に塗りつぶす方法を。 「条件付き書式」で設定する ・対象となるセルを選択し、「スタイル」の「条件付き書式 …

[備忘録]システムからの送信メールが「Undeliverable」エラーになる

outlook、hotmailなどへの送信メールがエラーになる 弊社で構築して運用しているサイト(Webシステム)で、システムから送信されるメールで、例えば以下の宛先(送信先)のメールがUndeliv …

[備忘録]WordPressのログイン画面にBasic認証をかける方法

ログイン画面だけに設定する 特定のディレクトリにBasic認証を設定する方法(一般的なBasic認証設定方法)は過去のブログ「[備忘録]Basic認証の設定方法」に記載があるので、そちらを参考に。 こ …

[備忘録]Windows:USBドライブが認識されない時の対処

Windows10を再インストールしたら従来使っていたUSBドライブが認識されなくなった。。 ディスク(SSD)がクラッシュしてしまい、、バックアップSSDでも起動できず、やむなくwindows10を …

[備忘録]WordPress:ファビコンを設定する方法

とても簡単だった! ファビコンとは、ブラウザのタブに表示されるアイコンのこと。(下記赤枠) これを 例えば会社ロゴとかにしておくと、ブラウザで複数タブ開いた状態でも 一目で判別できます。 WordPr …