1、文檔聲明
我們在開始寫一個 html 頁面的時候,首先要寫上 DOCTYPE 文檔聲明的,現在通常情況下我們都是采用 HTML5 的文檔聲明方式,那么在 jade 里面我們應該怎么寫呢?
在 jade 里面編寫文檔聲明有2種方式:
當然,jade 還默認支持其他類型的文檔聲明,只需要使用 doctype 跟上下面的選項即可。jade 默認支持的有:
var doctypes = exports.doctypes = { '5': '<!DOCTYPE html>', 'xml': '<?xml version="1.0" encoding="utf-8" ?>', 'default': '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">', 'transitional': '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">', 'strict': '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">', 'frameset': '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">', '1.1': '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">', 'basic': '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">', 'mobile': '<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">'};doctype 對大小寫是不敏感的, 所以下面兩個是一樣的效果:
doctype Defaultdoctype default
例如:如果我們要想寫 XHTML 1.0 Strict 文檔聲明,則可以這樣寫:
doctype strict
編譯結果如下:
代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2、標簽
jade 中的標簽的寫法非常的簡單,就是一個單詞。
doctype htmlhtml head title body
以上代碼會被編譯成:
<!DOCTYPE html><html> <head> <title></title> </head> <body></body></html>
jade 是以嚴格的縮進來區分標簽的開始和結束的,默認為2個空格表示縮進。
如果我們要寫一個標簽并且帶有內容,比如說要寫一個標題,我們只需要在標簽單詞后面加一個空格,然后跟上內容即可。
h1 this is a title.p this is a paragraph.
編譯結果為:
<h1>this is a title.</h1>
<p>this is a paragraph.</p>
新聞熱點
疑難解答
圖片精選