使用頁面的檔頭內容

上次更新時間 2021年4月27日

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

頁面包含描述頁面資訊的元素, 搜尋瀏覽器會使用這些資訊。您可以設定 head 元素的屬性 以控制頁面的識別方式。

檢視和編輯檔頭內容

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

將元素插入文件的 head 區段

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

在出現的對話框或屬性面板中輸入元素的選項。

編輯文件標頭區段中 的元素

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

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

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

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

在屬性面板中設定或修改元素的屬性。

設定頁面的 中繼屬性

meta 標記 是一個 head 元素,用來記錄關於 目前頁面的資訊,例如字元編碼、作者、版權 或關鍵字。這些標記也可用於提供資訊給 伺服器,例如頁面的到期日、重新整理間隔和 POWDER 評等。(POWDER,即網頁描述資源通訊協定, 提供一種為網頁指派評等的方法,例如電影評等。)

新增 meta 標籤

選取「插入 > HTML > Meta」。

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

編輯現有的 meta 標籤

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

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

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

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

從 DOM 面板選取 meta 標籤。

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

屬性

指定 meta 標記是否包含 頁面的描述性資訊 (name) 或 HTTP 標頭資訊 (http-equiv)。

指定您在此標記中提供的 資訊類型。某些值,例如 descriptionkeywordsrefresh,已有明確定義 (且在 Dreamweaver 中有各自的屬性面板),但 您可以指定幾乎任何值 (例如 creationdatedocumentIDlevel)。

內容

指定實際的資訊。 例如,如果您 為值指定 level,您可能會為內容指定 beginnerintermediateadvanced

設定頁面標題

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

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

指定頁面的關鍵字

許多 搜尋引擎機器人 (自動瀏覽網頁並蒐集 資訊供搜尋引擎索引的程式) 會讀取關鍵字 meta 標記 的內容,並使用這些資訊在資料庫中為您的頁面建立索引。 因為某些搜尋引擎會限制索引的關鍵字或字元數量, 或在超過限制時忽略所有關鍵字,建議您只使用 幾個精心選擇的關鍵字。

新增關鍵字 meta 標籤

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

在出現的對話框中指定關鍵字, 以逗號分隔。

編輯關鍵字 meta 標籤

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

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

關鍵字必須以逗號分隔。

指定頁面的描述

許多搜尋引擎機器人 (自動 瀏覽網頁並蒐集資訊供搜尋引擎 索引的程式) 會讀取描述 meta 標記的內容。 有些會使用這些資訊在資料庫中為您的頁面建立索引, 有些也會在搜尋結果頁面上顯示此資訊 (而非 顯示文件的前幾行)。某些搜尋 引擎會限制索引的字元數量,因此建議您將 描述限制在幾個字 (例如 喬治亞州奧爾巴尼的豬肉燒烤餐飲服務為全球客戶提供合理價格的網頁設計)。

新增描述 meta 標籤

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

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

編輯描述 meta 標籤

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

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

設定頁面的重新整理 屬性

使用 重新整理元素指定瀏覽器應自動 重新整理您的頁面 — 透過重新載入目前頁面或前往不同 頁面 — 在特定時間之後。此元素通常用於 將使用者從一個 URL 重新導向到另一個,通常在顯示 URL 已變更的文字訊息之後。

新增重新整理 meta 標籤

選取「插入 > HTML > Meta」。

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

屬性

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

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

內容

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

編輯重新整理 meta 標籤

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

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

編輯路徑基準 meta 標籤

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

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

在屬性面板中,指定基底中繼標記 屬性。

Href

基準 URL。 按一下「瀏覽」按鈕以瀏覽並 選取檔案,或在方塊中輸入路徑。

目標

指定所有連結文件 應在其中開啟的框架或視窗。 選取目前框架組中的其中一個框架,或 下列其中一個保留名稱:

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

  • _parent 將連結的文件載入至包含該連結之框架的上層框架組或視窗中。如果 包含連結的框架並未巢狀,則這等同於 _top;連結的文件會載入完整的瀏覽器 視窗中。

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

  • _top 在完整的 瀏覽器視窗中載入連結的文件,進而移除所有框架。

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

備註

head 區段中的 link 標記與 body 區段中文件間的 HTML 連結並不相同。

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

在屬性檢視器中,指定連結 Meta 標記 屬性。

Href

您正在定義關聯性之檔案的 URL。 按一下「瀏覽」按鈕以瀏覽並選取檔案,或在欄位中輸入路徑。請注意,此屬性並不表示您在一般 HTML 意義下連結的檔案;Link 元素中指定的關聯性更為複雜。

ID

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

標題

會描述關係。 此屬性對於連結的樣式表具有特殊關聯性;如需詳細資訊,請參閱全球資訊網協會網站 www.w3.org/TR/REC-html40/present/styles.html#style-external 上 HTML 4.0 規格的外部樣式表區段。

Rel

指定目前文件 與「Href」方塊中文件之間的關聯性。 可能的值包括 AlternateStylesheetStartNextPrevContentsIndexGlossaryCopyrightChapterSectionSubsectionAppendixHelpBookmark。 若要指定多個關聯性, 請以空格分隔值。

Rev

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