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のログイン画面:URLを変更する方法(.htaccess編)

ログインページをデフォルトのURLから変更する WordPressログイン画面のセキュリティ対策については、過去のブログで以下の手法を紹介した。 ・[備忘録]WordPressのログイン画面にIPアド …

[備忘録]ディスクバックアップの新兵器「HD革命8」

ディスクを取り出すことなくバックアップが可能! 今までディスク丸ごとバックアップには「裸族の頭」を使っていた。 ※詳細はこちら > https://attrise.blog/ceo/archives/ …

[備忘録]PDF-XChange Viewerのツールバーが消えた時の対処

何かを押しちゃったんだと思うけど。。 PDFファイルを開く(見る)際に、一般的によく使う「Adobe Acrobat Reader」ではなく、「PDF-XChange Viewer」を愛用している。 …

[備忘録]PowerPoint:ハイパーリンクの色を変更する方法

デフォルトの色は薄くて見にくかった。。 PowerPointで資料を作成し、ハイパーリンクを設定したところ、とても薄い水色で見にくくなってしまった。。   ハイパーリンクの色をカスタマイズ ・「デザイ …

不正侵入か?ネットワークに未知のスマホが表示される件

侵入とか不正アクセスではないらしい 日頃仕事ではWindows7パソコンを使っているが、社内PCのメンテナンスでWindows10を使ったら、、 エクスプローラの「ネットワーク」に見知らぬスマホが表示 …