HTMLエディタ

HTMLエディタは、WebページのマークアップであるHTMLを編集するためのプログラムです。WebページのHTMLマークアップはどのテキストエディタでも制御できますが、専用のHTMLエディタは利便性、追加機能、整理機能を提供します。たとえば、多くのHTMLエディタはHTMLだけでなく、CSS、JavaScript、ECMAScriptなどの関連技術も扱います。場合によっては、FTPやWebDAVを介してリモートWebサーバーとの通信や、SubversionやGitなどのバージョン管理システムも管理します。Microsoft WordやQuarkXPressなど、 Webデザイン専用ではない多くのワープロソフト、グラフィックデザインソフト、ページレイアウトソフトにも、HTMLドキュメントの編集とエクスポート機能があります。^{[ 1 ]}

HTMLを扱うためのテキストエディタは、通常、少なくとも構文ハイライト機能を備えています。一部のエディタは、テンプレート、ツールバー、キーボードショートカットなどを備え、一般的なHTML要素や構造を素早く挿入できます。ウィザード、ツールチップによるプロンプト表示、オートコンプリート機能なども、一般的な作業に役立ちます。

HTML編集によく使われるテキストエディタには、バージョン管理、リンクチェックと検証、コードのクリーンアップとフォーマット、スペルチェック、FTPやWebDAVによるアップロード、プロジェクト構造化といったタスクを実行するための組み込み機能、または外部ツールとの連携機能が備わっているのが一般的です。リンクチェックや検証など、一部の機能はオンラインツールを使用するため、ネットワーク接続が必要となる場合があります。

テキストエディタを使用するには、ユーザーがHTMLや、デザイナーが使用したいCSS、JavaScript、サーバーサイドスクリプト言語などのその他のWebテクノロジーを理解している必要がある。

この要件を緩和するために、一部のエディタでは、単純な色分け表示よりも視覚的に整理されたモードでマークアップを編集できますが、これらのモードはWYSIWYGとはみなされません。これらのエディタには通常、パレットウィンドウまたはダイアログボックスを使用して、選択したオブジェクトのテキストベースのパラメータを編集するオプションが含まれています。これらのパレットを使用すると、個々のフィールドでパラメータを編集したり、画面上のフォームに入力して新しいタグを挿入したりできます。また、パラメータを編集する際にオプションを表示および選択するための追加ウィジェット（画像やテキストスタイルのプレビューなど）や、HTMLオブジェクトとプロパティを展開および折りたたむためのアウトラインエディタが含まれている場合もあります。

WYSIWYG HTMLエディタは、ウェブブラウザでページがどのように表示されるかに似た編集インターフェースを提供します。WYSIWYGエディタはHTMLの知識を必要としない場合が多いため、コンピュータに不慣れなユーザーでも簡単に使い始めることができます。

WYSIWYGビューはレイアウトエンジンを組み込むことで実現されます。これは独自に作成することも、Webブラウザで使用されているものをベースにすることもできます。目標は、編集中は常にレンダリング結果が、後で一般的なWebブラウザで表示されるものと同じになるようにすることです。^{[ 2 ]}

WYSIWYM（見たまま編集）は、WYSIWYGエディタとは異なるパラダイムです。文書のフォーマットや表示方法に重点を置くのではなく、各要素の意図された意味を保持します。例えば、ページヘッダー、セクション、段落などは、編集プログラム内でそのようにラベル付けされ、ブラウザに適切に表示されます。

HTML は構造化マークアップ言語です。HTML がワールドワイドウェブのW3C標準に準拠するためには、HTML の書き方に一定のルールがあります。これらのルールに従うことで、Web サイトは、健常者と障害者、そして帯域幅と画面サイズが限られている携帯電話や PDA などのワイヤレスデバイスなど、あらゆる種類とメーカーのコンピュータでアクセスできるようになります。しかし、Web 上のほとんどの HTML ドキュメントは W3C 標準の要件を満たしていません。2011 年に最も人気のある 350 の Web サイト (Alexa インデックスで選択) を対象に行われた調査では、Web サイトの 94 % が Web 標準のマークアップとスタイルシートの検証テストに不合格であるか、文字エンコーディングが不適切に適用されています。構文的に正しいドキュメントであっても、不必要な繰り返しの使用や、数年前に非推奨になったルールに基づいているため、非効率になる可能性があります。HTML での CSS の使用に関する現在の W3C 勧告は、1996 年に W3C によって初めて正式に策定され^{[ 6 ]}、それ以来改訂および改良されてきました。^{[ 7 ] [ 8 ]}

これらのガイドラインは、コンテンツ（HTMLまたはXHTML）とスタイル（CSS）の分離を強調しています。これにより、スタイル情報をサイト全体に一度だけ提供すればよく、各ページやHTML要素ごとに繰り返す必要がないという利点があります。しかし、これはWYSIWYGエディタのデザイナーにとって課題となっており、ユーザーにこれらの概念を分かりやすく提示しつつ、その背後にある現実を意識させないようにするにはどうすればよいか、という問題に苦慮してきました。

有効なマークアップは、さまざまなブラウザやデバイス間で一貫性があり、アクセスしやすい形でレンダリングされる可能性が高くなります。W3C HTML ValidatorやW3C CSS Validatorなどの検証ツールを使用すると、作成者は HTML マークアップの構文エラーやその他のエラーをチェックできます。^{[ 9 ]}

一部の国では、身体、視覚、その他の障害を持つ人がウェブページにアクセスできることが法律で義務付けられています。米国の障害者差別禁止法と英国の障害者差別禁止法では、公的資金で運営されている組織が運営するウェブサイトにこれを義務付けています。^{[ 9 ]}ページのアクセシビリティを確保することは、単にページを有効にするよりも複雑です。有効であることは前提条件ですが、他にも考慮すべき要素がたくさんあります。^{[ 10 ]} WYSIWYG ツールを使用するかどうかにかかわらず、優れたウェブデザインでは、これらの要素も考慮する必要があります。

ウェブページの設計、作成、保守に使用されるソフトウェアツールが何であれ、基となる HTML の品質は、ページを扱う人のスキルに依存します。HTML、CSS、その他のスクリプト言語に関する知識と、これらの分野における最新の W3C 勧告への精通は、WYSIWYG HTML エディタを使用する場合でも使用しない場合でも、デザイナーがより良いウェブページを作成するのに役立ちます。^{[ 11 ]}

• HTMLエディタの比較
• HTMLエディタ一覧
• ウェブテンプレートシステム
• ウェブサイトビルダー
• ビジュアルエディター
• バリデーター