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...