Dreamweaver でのタグライブラリの使用

最終更新日 : 2021年4月27日

Dreamweaver でタグライブラリ、タグ、属性、および属性値を追加、変更、削除します。 タグライブラリのプロパティを設定します。

Dreamweaverにおけるタグライブラリとは、特定のタイプのタグのコレクションであり、Dreamweaverがタグをどのようにフォーマットするかについての情報も含まれています。タグライブラリは、Dreamweaver がコードヒント、ターゲットブラウザーチェック、タグチューザー、その他のコーディング機能に使用するタグに関する情報を提供します。タグライブラリエディターを使用して、タグライブラリ、タグ、属性、属性値を追加および削除できます。また、タグライブラリのプロパティ(コード内での識別を容易にするフォーマットを含む)を設定し、タグと属性を編集できます。

タグライブラリエディターを開いて閉じる

ツール/タグライブラリを選択して、タグライブラリエディターを開きます。

タグライブラリエディターダイアログボックスが表示されます。 (このダイアログボックスのオプションは、選択されたタグによって変わります。)

タグライブラリエディターを次のいずれかの方法で閉じます:
  • 変更内容を保存するには、「OK」をクリックします。

  • 変更内容を保存せずにエディターを閉じるには、「キャンセル」をクリックします。

メモ

「キャンセル」をクリックすると、タグライブラリエディターで行った変更がすべて消去されます。 タグまたはタグライブラリを削除した場合、復元されます。

ライブラリ、タグ、および属性の追加

タグライブラリエディターを使用して、Dreamweaver のタグライブラリにタグライブラリ、タグ、および属性を追加することができます。

タグライブラリの追加

タグライブラリエディター(ツール/タグライブラリ)で、「+」ボタンをクリックして、「新しいタグライブラリ」を選択します。

ライブラリ名ボックスに名前を入力し(例:その他のタグ)、「OK」をクリックします。

タグライブラリへのタグの追加

タグライブラリエディター(ツール/タグライブラリ)で、「+」ボタンをクリックして、「新しいタグ」を選択します。

タグライブラリポップアップメニューでタグライブラリを選択します。
新しいタグの名前を入力します。 複数のタグを追加する場合は、タグ名をコンマと空白で区切ってください(例:cfgraph, cfgraphdata)。
新しいタグに対応する終了タグ(</...>)がある場合は、「対応する終了タグあり」を選択します。
「OK」をクリックします。

タグへの属性の追加

タグライブラリエディター(ツール/タグライブラリ)で、「+」ボタンをクリックして、「新しい属性」を選択します。

タグライブラリポップアップメニューでタグライブラリを選択します。
タグポップアップメニューでタグを選択します。
新しい属性の名前を入力します。 複数の属性を追加する場合は、属性名をコンマと空白で区切ってください(例:width, height)。
「OK」をクリックします。

ライブラリ、タグ、および属性の編集

タグライブラリエディターを使用して、タグライブラリのプロパティを設定し、ライブラリ内のタグと属性を編集します。

タグライブラリのプロパティの設定

タグライブラリエディター(ツール/タグライブラリ)のタグリストで、タグライブラリ(タグではなく)を選択します。

メモ

タグライブラリのプロパティは、タグライブラリが選択されている場合にのみ表示されます。タグライブラリは、タグリストの上位フォルダーで表されます。例えば、HTMLタグフォルダーはタグライブラリを表し、HTMLタグフォルダー内のabbrフォルダーはタグを表します。

「使用場所」リストで、タグライブラリを使用するすべてのドキュメントタイプを選択します。

ここで選択するドキュメントタイプによって、指定したタグライブラリに対してコードヒントを提供するドキュメントタイプが決まります。例えば、特定のタグライブラリに対してHTMLオプションが選択されていない場合、そのタグライブラリのコードヒントはHTMLファイルに表示されません。

(オプション)「タグ接頭辞」ボックスにタグの接頭辞を入力します。
メモ

接頭辞を使用して、コード内のタグを特定のタグライブラリの一部として識別します。 接頭辞を使用しないタグライブラリもあります。

「OK」をクリックします。

タグライブラリ内のタグの編集

タグライブラリエディター(ツール/タグライブラリ)のタグリストで、タグライブラリを展開し、タグを選択します。

「タグフォーマット」の以下のオプションを設定します。

改行

Dreamweaverがタグに改行を挿入する場所を指定します。

コンテンツ

Dreamweaverがタグの内容をどのように挿入するかを指定します。つまり、コンテンツに改行、フォーマット、インデントのルールを適用するかどうかです。

大文字/小文字

特定のタグに対する大文字と小文字の区別を指定します。 デフォルト、すべて小文字、すべて大文字、または大文字小文字混合から選択します。大文字小文字混合を選択すると、「タグ名の大文字小文字混合」ダイアログボックスが表示されます。Dreamweaverが挿入時に使用する大文字小文字でタグを入力し(例:getProperty)、「OK」をクリックします。

初期設定

すべてのタグに適用される初期設定の大文字または小文字の区別を設定します。 表示されるタグの大文字/小文字の初期設定ダイアログボックスで、「<大文字>」または「<小文字>」を選択して「OK」をクリックします。

メモ

XML および XHTML 標準に合わせる場合などに、初期設定を小文字にします。

タグの属性の編集

タグライブラリエディター(ツール/タグライブラリ)のタグリストで、タグライブラリを展開し、タグを展開してタグ属性を選択します。

属性の大文字小文字」ポップアップメニューで、デフォルト、すべて小文字、すべて大文字、または大文字小文字混合オプションを選択します。

大文字小文字混合を選択すると、「属性名大文字小文字混合」ダイアログが表示されます。Dreamweaverが挿入時に使用するケースで属性を入力し(例:onClick)、「OK」をクリックします。

「デフォルトに設定」リンクをクリックして、すべての属性名のデフォルトの大文字小文字を設定します。

「属性タイプ」ポップアップメニューで、属性のタイプを選択します。

「列挙」を選択した場合は、「値」ボックスに属性の許可されるすべての値を入力します。値をコンマで区切り、スペースは入れません。例えば、cfchartタグのshowborder属性の列挙値はyes,noと表示されます。

ライブラリ、タグ、および属性の削除

タグライブラリエディター(ツール/タグライブラリ)のタグリストで、タグライブラリ、タグ、または属性を選択します。

「-」ボタンをクリックします。
「OK」をクリックして、選択したアイテムを削除します。

タグリストからアイテムが削除されます。

「OK」をクリックしてタグライブラリエディターを閉じ、削除を完了します。