上次更新時間
2021年4月29日
- Dreamweaver 使用手冊
- 簡介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作區和檢視
- 設定網站
- 管理檔案
- 版面和設計
- CSS
- 頁面內容和資產
- 設定頁面屬性
- 設定 CSS 標題屬性和 CSS 連結屬性
- 處理文字
- 尋找和取代文字、標籤和屬性
- DOM 面板
- 在即時檢視中編輯
- 在 Dreamweaver 中進行文件編碼
- 在文件視窗中選取並檢視元素
- 在屬性檢視窗中設定文字屬性
- 檢查網頁拼字
- 在 Dreamweaver 中使用水平線
- 在 Dreamweaver 中新增和修改字體組合
- 使用資源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中建立和管理最愛資源
- 在 Dreamweaver 中插入及編輯影像
- 新增媒體物件
- 在 Dreamweaver 中加入視訊
- 插入 HTML5 視訊
- 插入 SWF 檔
- 新增音效效果
- 在 Dreamweaver 中插入 HTML5 音效
- 使用圖庫項目
- 在 Dreamweaver 中使用阿拉伯文和希伯來文文字
- 連結和導覽
- jQuery Widget 和效果
- 撰寫網站程式碼
- 關於在 Dreamweaver 中撰寫程式碼
- Dreamweaver 的程式碼撰寫環境
- 設定程式碼撰寫偏好設定
- 自訂程式碼色彩標示
- 撰寫和編輯程式碼
- 程式碼提示和程式碼完成
- 收合和展開程式碼
- 利用片段重複使用程式碼
- Lint 程式碼
- 最佳化程式碼
- 在設計檢視中編輯程式碼
- 使用頁面的檔頭內容
- 在 Dreamweaver 中插入伺服器端包含
- 在 Dreamweaver 中使用標籤資料庫
- 匯入自訂標籤到 Dreamweaver
- 使用 JavaScript 行為 (一般說明)
- 套用內建的 JavaScript 行為
- 關於 XML 與 XSLT
- 在 Dreamweaver 中執行伺服器端 XSL 轉換
- 在 Dreamweaver 中執行用戶端 XSL 轉換
- 在 Dreamweaver 中新增 XSLT 字元實體
- 格式化程式碼
- 跨產品工作流程
- 範本
- 行動裝置和多螢幕
- 動態網站、網頁和網站表單
- 以視覺化方式建立應用程式
- 測試、預覽和發佈網站
- 疑難排解
請閱讀本主題,了解如何在 Dreamweaver 中新增範本標籤的語法規則。了解如何手動檢查範本標籤。
Dreamweaver 會在範本和以範本為架構的文件中,使用 HTML 註解標籤來指定區域,因此以範本為架構的文件算是有效的 HTML 檔。當您插入範本物件時,會在程式碼中自動插入範本標籤。
以下為一般語法規則:
只要有空格出現,您就可以用任何數量的空白 (空格、Tab 字元、斷行) 來取代它。除了在註解的開頭和結尾之外,其他地方一定要有空白。
屬性可以用任何順序指定。例如,在 TemplateParam 中,您可以在名稱前面指定類型。
註解和屬性名稱必須區分大小寫。
所有屬性都必須以引號括住。單引號或雙引號都可以使用。
範本標籤
Dreamweaver 會使用下列的範本標籤:
<!-- TemplateBeginEditable name="..." --> <!-- TemplateEndEditable --> <!-- TemplateParam name="..." type="..." value="..." --> <!-- TemplateBeginRepeat name="..." --> <!-- TemplateEndRepeat --> <!-- TemplateBeginIf cond="..." --> <!-- TemplateEndIf --> <!-- TemplateBeginPassthroughIf cond="..." --> <!-- TemplateEndPassthroughIf --> <!-- TemplateBeginMultipleIf --> <!-- TemplateEndMultipleIf --> <!-- TemplateBeginPassthroughMultipleIf --> <!-- TemplateEndPassthroughMultipleIf --> <!-- TemplateBeginIfClause cond="..." --> <!-- TemplateEndIfClause --> <!-- TemplateBeginPassthroughIfClause cond="..." --> <!-- TemplateEndPassthroughIfClause --> <!-- TemplateExpr expr="..." --> (equivalent to @@...@@) <!-- TemplatePassthroughExpr expr="..." --> <!-- TemplateInfo codeOutsideHTMLIsLocked="..." -->
實體標籤
Dreamweaver 會使用下列的實體標籤:
<!-- InstanceBegin template="..." codeOutsideHTMLIsLocked="..." --> <!-- InstanceEnd --> <!-- InstanceBeginEditable name="..." --> <!-- InstanceEndEditable --> <!-- InstanceParam name="..." type="..." value="..." passthrough="..." --> <!-- InstanceBeginRepeat name="..." --> <!-- InstanceEndRepeat --> <!-- InstanceBeginRepeatEntry --> <!-- InstanceEndRepeatEntry -->
檢查範本語法
當您儲存範本時,Dreamweaver 會自動檢查範本語法,但您可以在儲存範本之前先手動檢查範本語法。例如,假如您在「程式碼」檢視中新增了範本參數或運算式,可以檢查程式碼是否遵循正確的語法。
-
在「文件」視窗中開啟想要檢查的文件。
-
選取「工具 > 範本 > 檢查範本語法」。
如果語法格式錯誤,就會出現錯誤訊息。錯誤訊息會描述錯誤,並且指出程式碼中這項錯誤所在的特定行。