Dreamweaverでバリデータはどのように機能しますか?

HTML(HyperText Markup Language) - Webサイトの設計コードに欠けている、または正しくない要素があると、Webページが正しく表示されないことがあります。 Adobe Dreamweaver Webデザインソフトウェアのほとんどのバージョンには、HTMLドキュメント内のデザインコードをスキャンしてエラーを自動的に強調表示するHTMLコード検証機能が含まれています。

HTMLコードについて

Webサイトは、コンテンツを表示したりインタラクティブな機能を提供したりするためにさまざまな種類のプログラミングおよびデザインコードを使用しますが、HTMLコードはほとんどのWebページのデザインの基盤を提供します。 コードは、山かっこで囲まれたコードで構成されています。 タグブラケットの各セット内のHTMLコードは、フォントフェイスやスタイルから画像や表のサイズまで、Webページのコンテンツのフォーマット、サイズ、位置、レイアウトを制御します。

HTMLコードエラー

HTMLコードに小さなエラーがあると、Webページのデザインが壊れたり、訪問者のWebブラウザに表示されなくなったりすることがあります。 たとえば、末尾の山括弧でHTMLタグを閉じないと、Webブラウザで開き括弧の後のすべてのHTMLコードが無視され、重要なページデザイン要素がブラウザに表示されなくなります。 そのため、小さな入力ミスやHTML文字の欠落は、Webページデザインに重大な問題を引き起こす可能性があります。

HTMLコードを検証する

Webマスターは、外部サービスまたはAdobe DreamweaverなどのWebデザインソフトウェアに含まれるバリデータを使用してHTMLコードを確認および検証できます。 DreamweaverのHTMLバリデータは、ワードプロセッサプログラムのスペルチェックと文法チェッカー機能と同じように機能します。 バリデータは、選択したHTMLコードライブラリから取得し、Webページ上のすべてのHTMLコードをスキャンして、コードタグに関する問題、またはタグ内のHTMLコードの構文を識別します。 Webサイトの設計者は強調表示されたコードを修正できます。

DreamweaverのHTMLバリデータを使用する

Webページをデザインし、必要なHTMLコードをすべて入力したら、HTML Validatorツールを使ってコードを検証できます。 まず、バリデータの設定をします。 ページ上部のメインメニューで[編集]をクリックして、コンテキストメニューから[設定(Windows)]または[設定(Macintosh)]を選択します。 カテゴリオプションリストの「バリデータ」をクリックします。 コードをチェックしたいHTMLライブラリの横にあるチェックボックスをクリックします。 たとえば、「HTML 2.0」や「HTML 4.0」などです。該当するチェックボックスをオンにして、検証に含めるエラーの種類を選択することもできます。 HTML Validatorを設定したら、メインメニューで[Edit]を選択し、次に[Validate]をクリックしてバリデータを起動します。

Dreamweaver HTMLバリデーターの可用性

Dreamweaver CS4までのすべてのバージョンのAdobe DreamweaverにはHTMLバリデータが含まれています。 AdobeはDreamweaver CS5の標準機能としてHTML Validatorを削除しました。 ただし、Dreamweaver CS5ユーザーは無料のHTML Validatorプラグインをダウンロードしてインストールし、プログラムに機能を追加することができます。

人気の投稿