洗練されたウェブ開発プログラムが書くのを助けますあなたがそれらなしでそれを行う場合よりも簡単にコードを書いてください。作業を高速化し、一般的な構文の問題を回避するのに役立つだけでなく、シンプルなHTMLページを書くのに必要な労力に圧倒されるかもしれない初心者にとっても優れたツールです。他に何もなければ、彼らはあなたがコードを学ぶのを助けることができます。 Web開発プログラムで経験する唯一の欠点は、特にそれを使用してコーディングを学習している場合、ブラウザのWebサイトを分析する機能がないことです。特定の関心領域がHTMLの場合、 HTML5アウトライナー 役立つChrome拡張機能ですWebページ上のさまざまなHTML要素を分析します。この拡張機能はURLバーに四角形のアイコンを追加し、クリックするとHTML 5のすべての見出しとセクションの目次ビューが開きます。この拡張機能は、HTML 4要素でも機能します。
表示される目次の項目クリック可能で、拡張機能は選択した要素までスクロールして強調表示します。ハイライトは常に機能するとは限りませんが、ナビゲーションは完全に機能します。
拡張機能には制限があります。検出しますほぼすべてのページのすべてのHTML要素ですが、目次自体は別の話です。この表は、適切なHTML 5仕様または健全なHTML構造化に従って記述されたコードに依存しています。コードがこれらに準拠していない場合、拡張機能は許容可能な目次のロードに失敗する可能性があります。
例えば;定義にテーブルを使用した場合ページのレイアウト、目次がまったく表示されない可能性があります。レイアウトはテーブルではなくCSSで定義するのが最適であるため、この理由は不十分なコードの記述に他なりません。現時点では、拡張機能のわずかな制限とChrome権限に関係するため、ローカルに保存されたHTMLファイルで拡張機能を使用することはできません。
HTML5アウトライナーは明らかに一般向けではありませんユーザー;初心者でも熟練者でも、ウェブ開発者向けです。初心者にとっては、開発中のサイトのレイアウトをプレビューする際に便利であることが証明されるはずです。熟練した開発者にとっては、Webページ上の要素間をすばやく移動し、それぞれの背後にあるコードを確認する簡単な方法です。
ChromeウェブストアからHTML5アウトライナーをインストールする
コメント