node前端模板引擎Jade之標籤的基本寫法

2022-09-28 05:33:11 字數 594 閱讀 3527

1、文件宣告

我們在開始寫乙個 html 頁面的時候,首先要寫上 doctype 文程式設計客棧檔宣告的,現在通常情況下我們都是採用 html5 的文件宣告方式,那麼在 jade 裡面我們應該怎麼寫呢?

在 jade 裡面編寫文件宣告有2種方式:

當然,jade 還預設支援其他型別的文件宣告,只需要使用 doctype 跟上下面的選項即可。jade 預設支援的有:

var doctypes = exports.doctypes = ;

doctype 對大小寫是不敏感的, 所以下面兩個是一樣的效果:

doctype default

doctype default

例如:如果我們要想寫 xhtml 1.0 strict 文件宣告,則可以這樣寫:

doctype strict

編譯結果如下:

複製** **如下:

2、標籤

jade 中的標籤的寫法非常的簡單,就是乙個單詞。

doctype html

html

head

title

body

以上**會被編譯成:

&l程式設計客棧t;html>

學習前端模板引擎 jade 一

通常大部分前端開發工作者一開始步入前端開發的時候,都是直接簡單的寫html頁面然後丟給後台開發,後台開發在來嵌入模版。對於日益龐大的前端頁面來說,還是用老的字串拼接的方法來嵌入html內容已經不適應當下的開發趨勢了。廢話不多說,直接切入正題。第二步我要安裝npm包管理工具,在node環境下,不裝gr...

模板引擎jade與ejs語法

首先環境需要準備命令如下npm i jade npm i ejs,npm i fsjade的語法相對於ejs更有侵入性,破壞性這裡寫乙個簡單的列子來比較分析 html head body經過編譯後是 head class hello this is jadediv body html 這裡使用的語法...

jade模板引擎的基本使用

jade和ejs很大的不同是通過縮排的方式解決巢狀和成對標籤的問題,比較適合有 潔癖的同學。jade官方有基礎的語法 安裝jade npm install g jade試用 建立 test.jade 編譯jade test.jade 編譯檔案 jade p test.jade 編譯成帶格式的html...