Note:

The user interface has been simplified in Dreamweaver CC and later. As a result, you may not find some of the options described in this article in Dreamweaver CC and later. For more information, see this article.

Pages contain elements that describe the information on the page, which is used by search browsers. You can set the properties of head elements to control how your pages are identified.

View and edit head content

You can view the elements in the head section of a document by using the View menu, the Document window’s Code view, or the Code inspector.

View elements in the head section of a document

  • Select View > Head Content. For each element of the head content, a marker appears at the top of the Document window in Design view.

    Note:

    If your Document window is set to show only Code view, View > Head Content is dimmed.

Insert an element into the head section of a document

  1. Select an item from the Insert > HTML > Head Tags submenu.
  2. Enter options for the element in the dialog box that appears, or in the Property inspector.

Edit an element in the head section of a document

  1. Select View > Head Content.
  2. Click one of the icons in the head section to select it.
  3. Set or modify the properties of the element in the Property inspector.

Set the meta properties for the page

A meta tag is a head element that records information about the current page, such as the character encoding, author, copyright, or keywords. These tags can also be used to give information to the server, such as the expiration date, refresh interval, and POWDER rating for the page. (POWDER, the Protocol for Web Description Resources, provides a method for assigning ratings, such as movie ratings, to web pages.)

Add a meta tag

  1. Select Insert > HTML > Head Tags > Meta.
  2. Specify the properties in the dialog box that appears.

Edit an existing meta tag

  1. Select View > Head Content.
  2. Select the Meta marker that appears at the top of the Document window.
  3. Specify the properties in the Property inspector.

Meta tag properties

  • Set the meta tag properties as follows:

    Attribute

    Specifies whether the meta tag contains descriptive information about the page (name) or HTTP header information (http-equiv).

    Value

    Specifies the type of information you’re supplying in this tag. Some values, such as description, keywords, and refresh, are already well defined (and have their own individual Property inspectors in Dreamweaver), but you can specify practically any value (for example, creationdate, documentID, or level).

    Content

    Specifies the actual information. For example, if you specified level for Value, you might specify beginner, intermediate, or advanced for Content.

Set the page title

There is only one title property: the title of the page. The title appears in the title bar of the Document window in Dreamweaver as well as in the browser’s title bar when you view the page in most browsers. The title also appears in the Document window toolbar.

Specify the title in the Document window

  • Enter the title in the Title text box in the Document window toolbar.

Specify the title in the head content

  1. Select View > Head Content.
  2. Select the Title marker that appears at the top of the Document window.
  3. Specify the page title in the Property inspector.

Specify keywords for the page

Many search-engine robots (programs that automatically browse the web gathering information for search engines to index) read the contents of the Keywords meta tag and use the information to index your pages in their databases. Because some search engines limit the number of keywords or characters they index, or ignore all keywords if you go beyond the limit, it’s a good idea to use just a few well-chosen keywords.

Add a Keywords meta tag

  1. Select Insert > HTML > Head Tags > Keywords.
  2. Specify the keywords, separated by commas, in the dialog box that appears.

Edit a Keywords meta tag

  1. Select View > Head Content.
  2. Select the Keywords marker that appears at the top of the Document window.
  3. In the Property inspector, view, modify, or delete keywords. You can also add keywords separated by commas.

Specify descriptions for the page

Many search-engine robots (programs that automatically browse the web gathering information for search engines to index) read the contents of the Description meta tag. Some use the information to index your pages in their databases, and some also display the information on the search results page (instead of displaying the first few lines of your document). Some search engines limit the number of characters they index, so it’s a good idea to limit your description to a few words (for example, Pork barbecue catering in Albany, Georgia, or Web design at reasonable rates for clients worldwide).

Add a Description meta tag

  1. Select Insert > HTML > Head Tags > Description.
  2. Enter descriptive text in the dialog box that appears.

Edit a Description meta tag

  1. Select View > Head Content.
  2. Select the Description marker that appears at the top of the Document window.
  3. In the Property inspector, view, modify, or delete the descriptive text.

Set the refresh properties of the page

Use the Refresh element to specify that the browser should automatically refresh your page—by reloading the current page or going to a different one—after a certain amount of time. This element is often used to redirect users from one URL to another, often after displaying a text message that the URL has changed.

Add a Refresh meta tag

  1. Select Insert > HTML > Head Tags > Refresh.
  2. Set the Refresh meta tag properties in the dialog box that appears.

Edit a Refresh meta tag

  1. Select View > Head Content.
  2. Select the Refresh marker that appears at the top of the Document window.
  3. In the Property inspector, set the Refresh meta tag properties.

Set the Refresh meta tag properties

  • Specify the Refresh meta tag properties as follows:

    Delay

    The time in seconds to wait before the browser refreshes the page. To make the browser refresh the page immediately after it finishes loading, enter 0 in this box.

    URL or Action

    Specifies whether the browser should go to a different URL or refresh the current page, after the specified delay. To make a different URL open (rather than refreshing the current page), click the Browse button, then browse to and select the page to load.

Set the base URL properties of the page

Use the Base element to set the base URL that all document-relative paths in the page are considered relative to.

Add a Base meta tag

  1. Select Insert > HTML > Head Tags > Base.
  2. Specify the Base meta tag properties in the dialog box that appears.

Edit a Base meta tag

  1. Select View > Head Content.
  2. Select the Base marker that appears at the top of the Document window.
  3. In the Property inspector, specify the Base meta tag properties.

Specify the Base meta tag properties

  • Specify the Base meta tag properties as follows:

    Href

    The base URL. Click the Browse button to browse to and select a file, or type a path in the box.

    Target

    Specifies the frame or window in which all linked documents should open. Select one of the frames in the current frameset, or one of the following reserved names:

    • _blank loads the linked document in a new, unnamed browser window.

    • _parent loads the linked document into the parent frameset or window of the frame that contains the link. If the frame containing the link is not nested, then this is equivalent to _top; the linked document loads into the full browser window.

    • _self loads the linked document in the same frame or window as the link. This target is the default, so you usually don’t have to specify it.

    • _top loads the linked document in the full browser window, thereby removing all frames.

Use the link tag to define a relationship between the current document and another file.

Note:

The link tag in the head section is not the same thing as an HTML link between documents in the body section.

  1. Select Insert > HTML > Head Tags > Link.
  2. Specify the Link meta tag properties in the dialog box that appears.
  1. Select View > Head Content.
  2. Select the Link marker that appears at the top of the Document window.
  3. In the Property inspector, specify the Link meta tag properties.
  • Set the Link meta tag properties as follows:

    Href

    The URL of the file that you are defining a relationship to. Click the Browse button to browse to and select a file, or type a path in the box. Note that this attribute does not indicate a file that you’re linking to in the usual HTML sense; the relationships specified in a Link element are more complex.

    ID

    Specifies a unique identifier for the link.

    Title

    Describes the relationship. This attribute has special relevance for linked style sheets; for more information, see the External Style Sheets section of the HTML 4.0 specification on the World Wide Web Consortium website at www.w3.org/TR/REC-html40/present/styles.html#style-external.

    Rel

    Specifies the relationship between the current document and the document in the Href box. Possible values include Alternate, Stylesheet, Start, Next, Prev, Contents, Index, Glossary, Copyright, Chapter, Section, Subsection, Appendix, Help, and Bookmark. To specify more than one relationship, separate values with a space.

    Rev

    Specifies a reverse relationship (the opposite of Rel) between the current document and the document in the Href box. Possible values are the same as those for Rel.

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