Add, modify, and delete tag libraries, tags, attributes, and attribute values in Dreamweaver. Set properties for a tag library.

A tag library, in Dreamweaver, is a collection of tags of a particular type, along with information about how Dreamweaver should format the tags. Tag libraries provide the information about tags that Dreamweaver uses for code hints, target browser checks, the Tag Chooser, and other coding capabilities. Using the Tag Library editor, you can add and delete tag libraries, tags, attributes, and attribute values; set properties for a tag library, including format (for easy identification in the code); and edit tags and attributes.

Open and close the Tag Library editor

  1. Select Tools >Tag Libraries to open the Tag library editor.

    The Tag Library Editor dialog box appears. (The options of this dialog box change depending on the selected tag.)

  2. Close the Tag Library editor in one of the following ways:
    • To save changes, click OK.

    • To close the editor without saving changes, click Cancel.

    Note:

    When you click Cancel, all changes you’ve made in the Tag Library editor are discarded. If you deleted a tag or tag library, it’s restored.

Add libraries, tags, and attributes

You can use the Tag Library editor to add tag libraries, tags, and attributes to the tag libraries in Dreamweaver.

Add a tag library

  1. In the Tag Library editor (Tools > Tag Libraries), click the Plus (+) button, and select New Tag Library.

  2. In the Library Name box, type a name (for example, Miscellaneous Tags), and click OK.

Add tags to a tag library

  1. In the Tag Library editor (Tools > Tag Libraries), click the Plus (+) button and select New Tags.

  2. Select Tag Library pop‑up menu, and select a tag library.
  3. Type the name of the new tag. To add more than one tag, separate the tags’ names with a comma and a space (for example: cfgraph, cfgraphdata).
  4. If the new tags have corresponding end tags (</...>), select Have Matching End Tags.
  5. Click OK.

Add attributes to a tag

  1. In the Tag Library editor (Tools > Tag Libraries), click the Plus (+) button and select New Attributes.

  2. In the Tag Library pop‑up menu, select a tag library.
  3. In the Tag pop‑up menu, select a tag.
  4. Type the name of the new attribute. To add more than one attribute, separate attributes’ names with a comma and a space (for example: width, height).
  5. Click OK.

Edit libraries, tags, and attributes

Use the Tag Library editor to set properties for a tag library and edit tags and attributes in a library.

Set properties for a tag library

  1. In the Tag Library editor (Tools > Tag Libraries), select a tag library (not a tag) in the Tags list.

    Note:

    The properties for tag libraries appear only when a tag library is selected. Tag libraries are represented by the top-level folders in the Tags list; for example, the HTML Tags folder represents a tag library, while the abbr folder within the HTML Tags folder represents a tag.

  2. In the Used In list, select every document type that should use the tag library.

    The document types you select here determine which document types provide code hints for the given tag library. For example, if the HTML option is not selected for a given tag library, code hints for that tag library don’t appear in HTML files.

  3. (Optional) Enter the prefix for the tags in the Tag Prefix box.

    Note:

    A prefix is used to identify a tag in the code as part of a particular tag library. Some tag libraries don’t use prefixes.

  4. Click OK.

Edit a tag in a tag library

  1. In the Tag Library editor (Tools > Tag Libraries), expand a tag library in the Tags list and select a tag.

  2. Set any of the following Tag Format options:

    Line Breaks

    Specifies where Dreamweaver inserts line breaks for a tag.

    Contents

    Specifies how Dreamweaver inserts the contents of a tag; that is, if it applies line break, formatting, and indentation rules to the content.

    Case

    Specifies the case for a specific tag. Select from Default, Lowercase, Uppercase, or Mixed Case. If you select Mixed Case, the Tag Name Mixed Case dialog box appears. Type the tag with the case Dreamweaver should use when inserting it (for example, getProperty) and click OK.

    Set Default

    Sets the default case for all tags. In the Default Tag Case dialog box that appears, select <UPPERCASE> or <lowercase>, and click OK.

    Note:

    You might want to set your default case to be lowercase to comply with XML and XHTML standards.

Edit an attribute for a tag

  1. In the Tag Library editor (Tools > Tag Libraries), expand a tag library in the Tags box, expand a tag, and select a tag attribute.

  2. In the Attribute Case pop‑up menu, select the Default, Lowercase, Uppercase, or Mixed Case option.

    If you select Mixed Case, the Attribute Name Mixed Case dialog box appears. Type the attribute with the case Dreamweaver should use when inserting it (for example, onClick), and click OK.

    Click the Set Default link to set the default case for all attribute names.

  3. In the Attribute Type pop‑up menu, select the type of the attribute.

    If you select Enumerated, type every allowed value for the attribute in the Values box. Separate the values with commas, but no spaces. For example, the enumerated values of the showborder attribute of the cfchart tag are listed as yes,no.

Delete libraries, tags, and attributes

  1. In the Tag Library editor (Tools > Tag Libraries), select a tag library, tag, or attribute in the Tags box.

  2. Click the Minus (–) button.
  3. Click OK to permanently delete the item.

    The item is removed from the Tags box.

  4. Click OK to close the Tag Library editor and complete the deletion.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy