檢視和編輯 Dreamweaver 網頁的內容、設定 meta 屬性和頁面標題、指定頁面的關鍵字和描述等等。

頁面會包含一些描述頁面相關資訊的元素,而其中的資訊是供搜尋瀏覽器使用的。您可以設定 head 元素的屬性,來控制識別您的頁面的方式。

檢視和編輯檔頭內容

您可以使用程式碼檢視或「程式碼」檢視窗,來檢視文件中 head 區段的元素。

將元素插入文件的 head 區段

  1. 從「插入 > HTML」選取 head 標籤。

  2. 在出現的對話方塊或「屬性」檢視窗中輸入該元素的選項。

編輯文件 head 區段中的元素

您可直接在程式碼檢視或「屬性」檢視窗中輸入以編輯檔頭元素。

若要使用「屬性」檢視窗編輯 head 區段中的元素︰

  1. 選取 DOM 面板 (「視窗 > DOM 面板」) 中的 head 元素。 

    「屬性」檢視窗會顯示所選元素的屬性。

  2. 在「屬性」檢視窗中設定或修改元素的屬性。

設定頁面的 meta 屬性

meta 標籤是一個 head 元素,它會記錄目前頁面的相關資訊,如字元編碼方式、作者、版權或關鍵字。這些標籤也可以用來提供資訊給伺服器,如逾期日期、重新整理間隔和頁面的 POWDER 分級 (POWDER 指的是「網路描述資源通訊協定」(Protocol for Web Description Resources),它提供對網頁指定分級的方法,如電影分級)。

新增 meta 標籤

  1. 選取「插入 > HTML > Meta」。

  2. 在出現的對話方塊中指定屬性。

編輯現有的 meta 標籤

您可直接在程式碼檢視或「屬性」檢視窗中輸入以編輯 meta 元素。

若要使用「屬性」檢視窗編輯 meta 區段中的元素︰

  1. 選取 DOM 面板 (「視窗 > DOM 面板」) 中的 head 元素。 

    「屬性」檢視窗會顯示所選元素的屬性。

  2. 從 DOM 面板選取 meta 標籤。

  3. 在「屬性」檢視窗中指定選項。

    屬性

    指定 meta 標籤是否包含與頁面相關的描述性資訊 (name) 或 HTTP 標題資訊 (http-equiv)。

    指定您在此標籤中提供的資訊類型。有些值,如 descriptionkeywordsrefresh 已經定義完整 (而且在 Dreamweaver 中有它們自己個別的「屬性」檢視窗),但是實際上您可以指定任何值 (例如,creationdatedocumentIDlevel)。

    內容

    指定實際的資訊。例如,如果您將 Value 指定為 level,則您可能會將 Content 指定為 beginnerintermediateadvanced

設定頁面標題

只有一個標題屬性:頁面的標題。您可以使用下列其中一個方法來編輯頁面標題︰

  • 直接於程式碼編輯標題 (在程式碼檢視中)
  • 在 DOM 面板中選取 title 標籤,然後於「屬性」檢視窗編輯標題

指定頁面的關鍵字

很多搜尋引擎 Robot (自動瀏覽網站的程式,它會收集搜尋引擎的資訊以編列索引) 會讀取「關鍵字」meta 標籤的內容,並使用該資訊將您的頁面編列到它們的資料庫索引中。因為有些搜尋引擎會限制編列索引的關鍵字或字元數目,如果您超過該限制,它便會略過所有關鍵字,所以最好只使用一些經過適當挑選的關鍵字。

新增關鍵字 meta 標籤

  1. 選取「插入 > HTML > 關鍵字」。

  2. 在出現的對話方塊中指定關鍵字,並以逗號分隔。

編輯關鍵字 meta 標籤

您可以使用下列其中一個方法來編輯關鍵字 meta 描述︰

  • 直接於程式碼編輯關鍵字 (在程式碼檢視中)
  • 在 DOM 面板中選取關鍵字 meta 標籤,然後於「屬性」檢視窗檢視、修改或刪除關鍵字。

註解:

關鍵字必須以逗號分隔。

指定頁面的描述

很多搜尋引擎 Robot (自動瀏覽網站的程式,它會收集搜尋引擎的資訊以編列索引) 會讀取「描述」meta 標籤的內容。有些會使用該資訊將您的頁面編列到它們的資料庫索引中,而有些也會在搜尋結果頁面上顯示該資訊 (而不是顯示文件的前幾行)。部分搜尋引擎在編列索引時會對字數加以限制,因此最好將您的描述限制在幾個字元之內 (例如 Pork barbecue catering in Albany, Georgia 或 web design at reasonable rates for clients worldwide)。

新增描述 meta 標籤

  1. 選取「插入 > HTML > 描述」。

  2. 在出現的對話方塊中輸入描述性文字。

編輯描述 meta 標籤

您可以使用下列其中一個方法來編輯 meta 描述︰

  • 直接於程式碼編輯描述 (在程式碼檢視中)
  • 在 DOM 面板中選取描述 meta 標籤,然後於「屬性」檢視窗編輯描述。

設定頁面的重新整理屬性

在一段特定時間之後,使用「重新整理」元素來指定瀏覽器自動重新整理您的頁面,方式是重新載入目前的頁面或前往不同的頁面。這個元素經常用來將使用者從某個 URL 重新導向至另一個 URL,通常是在顯示 URL 已變更的文字訊息之後。

新增重新整理 meta 標籤

  1. 選取「插入 > HTML > Meta」。

  2. 在顯示的對話方塊中指定屬性,如下所示︰

    屬性

    指定 meta 標籤包含 HTTP 標題資訊 (http-equivalent)。

    指定您在此標籤中提供的資訊類型是 refresh

    內容

    指定瀏覽器重新整理頁面之前所等待的時間 (以秒計算)。若要讓瀏覽器在完成載入之後立即重新整理頁面,請在此方塊中輸入 0。

編輯重新整理 meta 標籤

您可以使用下列其中一個方法來編輯重新整理 meta 標籤︰

  • 直接於程式碼編輯屬性 (在程式碼檢視中)
  • 在 DOM 面板或程式碼中選取重新整理 meta 標籤,然後於「屬性」檢視窗編輯屬性。

編輯路徑基準 meta 標籤

您可以編輯路徑基準元素,此元素是用來設定頁面中所有文件相對路徑參考的基準 URL。

  1. 在 DOM 面板中選取路徑基準元素。

  2. 在「屬性」檢視窗中,指定「路徑基準」meta 標籤屬性。

    Href

    基準 URL。按一下「瀏覽」按鈕,瀏覽到檔案並選取它,或在文字方塊中鍵入路徑。

    目標

    指定當開啟任何連結的文件時應該顯示文件的頁框或視窗。選取目前頁框組的其中一個頁框或下列其中一個保留名稱:

    • _blank 會在新的且未命名的瀏覽器視窗中載入連結的文件。

    • _parent 會在上一層頁框組或包含連結的頁框視窗中載入連結的文件。如果包含連結的頁框不是巢狀的,則它的作用就等於 _top;它會在完整的瀏覽器視窗中載入連結的文件。

    • _self 會在與連結相同的頁框或視窗中載入連結的文件。這個目標是預設值,因此您通常不需要指定它。

    • _top 會在完整的瀏覽器視窗中載入連結的文件,然後移除所有頁框。

您可以編輯用於定義目前文件與其他檔案之間關係的 link 標籤。

註解:

head 區段中的 link 標籤與 body 區段中文件之間的 HTML 連結是不同的。

  1. 在 DOM 面板或程式碼檢視中選取連結元素。

  2. 在「屬性」檢視窗中,指定「連結」meta 標籤屬性。

    Href

    是您要定義其關係的檔案的 URL。按一下「瀏覽」按鈕,瀏覽到檔案並選取它,或在文字方塊中鍵入路徑。請注意,這個屬性並不會以一般的 HTML 概念指出您所連結的檔案;在「連結」元素中所指定的關係要複雜得多。

    ID

    指定該連結的唯一識別名稱。

    標題

    會描述關係。這個屬性對連結的樣式表有特殊的關聯;如需詳細資訊,請參閱「全球資訊網協會」(World Wide Web Consortium) 網站上「HTML 規格」的「外部樣式表」一節,網址為:www.w3.org/TR/REC-html40/present/styles.html#style-external

    Rel

    指定目前文件和 Href 方塊中的文件之間的關係。可能的值包括:AlternateStylesheetStartNextPrevContentsIndexGlossaryCopyrightChapterSectionSubsectionAppendixHelpBookmark。若要指定一種以上的關係,請以空格分隔值。

    Rev

    指定目前文件和 Href 方塊中的文件之間的反向關係 (與 Rel 相反)。可能的值與 Rel 的可能值相同。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策