1. <nav id="z3mea"><fieldset id="z3mea"></fieldset></nav>
      <samp id="z3mea"><delect id="z3mea"></delect></samp>
      1. <pre id="z3mea"></pre>
        <\/body>\r\n<\/html><\/pre>\n

        jade? ??? ????? ???? ??? ??? ?? ?????. ???? ????? ???? 2?? ?????. <\/p>\n

        ???? ??? ??? ?????, ?? ?? ??? ????? ?? ?? ?? ??? ???? ??? ???? ?? ???. <\/p>\n

        h1?this?is?a?title.\r\np?this?is?a?paragraph.<\/pre>\n

        ?? ??? ??? ????.<\/p>\n

        <\/p>

        ?????.<\/h1>

        ??? ?????.<\/p><\/p>\n

        ??? ???? ? ??? ????. ?? ??? ???? ??? ?? ??? ???? ????? ?? ?? ??? ????? ???:
        <\/p><\/blockquote>

        1. 001<\/p> 2. 002

        3. 003

        4. 004
        <\/ p> ;jade??? ??? ???? ???? ??? jade? ? ?? ??? ?????. ? ??? ? ? ?? |? ??? ???? ????.

        p\r\n | 1. 001\r\n | 2. 002\r\n | 3. 003\r\n | 4. 004<\/pre><\/p>? ?? ??? ??? ????. ?? ??? . ?? ?? ? ?? ??? ???? jade? ?? ?? ????? ?? ?????. <\/blockquote>
        p.\r\n 1. 001\r\n 2. 002\r\n 3. 003\r\n 4. 004<\/pre>

        ?? ?? ???? ? ? ?? ??? ???? ?????? ???? ?? ??? ?? ????? ???. ??? ?? ??? ?? ?? ? ???? 1 ?? ??? ??? ???? ???. <\/p>

        ?? ? ?? ??? ??? ?? ??? ?? ???? ?????. <\/p>

        p\r\n | 1. 001\r\n strong aaa\r\n | 2. 002\r\n | 3. 003\r\n | 4. 004<\/pre>

        ? ?? ?? ????? ??? ?? ???? ???. <\/p>

        p.\r\n 1. 001\r\n aaa<\/strong>\r\n?2.?002\r\n?3.?003\r\n?4.?004<\/p>\n

        ??? ??? ??? ????. <\/p>\n

        <\/p>< ;p>

        1. 001 <\/p> aaa<\/strong>

        2. 002

        3. 003
        4. 004
        <\/p>



        <\/p>3. ?? ?<\/blockquote>

        h1 p etc. ??? ?? ?? ??? id, class ??? ?????, ??? jade??? ??? ???? ???? zen ??? ??? ???? ??? ?? ???? ???:

        h1#id.class?this?is?a?title.\r\np#j-text.text?this?is?a?paragraph.<\/pre><\/a>??? ??? ??? ????: <\/strong><\/span><\/p>

        ??? ?????.<\/h1> ;

        < ;p id=\"j-text\" class=\"text\">??? ?????.<\/p><\/blockquote>\n

        等等,那我要是想添加多個(gè) class 怎么辦呢?這樣辦:<\/p>\n

        h1#id.class1.class2.class3?this?is?a?title.\r\np#j-text.text?this?is?a?paragraph.<\/pre>\n

        編譯結(jié)果為:<\/p>\n

        this is a title.<\/h1>

        this is a paragraph.<\/p><\/p><\/blockquote>\n

        什么?寫 p 寫煩了?那就不寫咯。<\/p>\n

        #id.class\r\n#id.class1.class2?this?is?a?p?without?tags.<\/pre>\n

        編譯結(jié)果為:<\/p>\n

        <\/p>

        this is a p without tags.<\/p><\/p><\/blockquote>\n

        這里要說(shuō)明一下,在 jade 的語(yǔ)法里面,只有 p 標(biāo)簽?zāi)軌蚴÷圆粚?<\/p>\n

        說(shuō)完了 id 和 class,我們?cè)賮?lái)說(shuō)一下標(biāo)簽其他的屬性應(yīng)該怎么添加。jade 里添加其他屬性和值的語(yǔ)法也和 zen coding 類似,我們需要在標(biāo)簽后面加上小括號(hào)(),然后按照(屬性名=屬性值)的格式寫就好了,如果有多個(gè)屬性,中間以逗號(hào)進(jìn)行分割。<\/p>\n

        比如上面的 id 和 class 的寫法我們就可以改寫成:<\/p>\n

        h1(id=\"id\",?class=\"class\")?this?is?a?title.\r\np(id=\"j-text\",?class=\"text\")?this?is?a?paragraph.<\/pre>\n

        結(jié)果是一樣的:<\/p>\n

        this is a title.<\/h1>

        this is a paragraph.<\/p><\/p><\/blockquote>\n

        說(shuō)來(lái)說(shuō)去還是這兩個(gè)屬性,煩了?那我們換一個(gè)吧:<\/p>\n

        a(herf=\"\/index.html\",?title=\"this?is?a?link.\",?target=\"_blank\",?data-uid=\"1000\")?index.html<\/pre>\n

        編譯結(jié)果為:<\/p>\n

        index.html<\/a><\/p><\/blockquote>\n

        那么問(wèn)題就來(lái)了,如果我們要寫一個(gè)單屬性應(yīng)該怎么寫?比如給表單元素添加 checked屬性:<\/p>\n

        input(type=\"checkbox\",?name=\"all\",?checked,?value=\"全選\")<\/pre>\n

        編譯結(jié)果為:<\/p>\n

        <\/p><\/blockquote>\n

        相信看了本文案例你已經(jīng)掌握了方法,更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!<\/p>\n

        推薦閱讀:<\/p>\n

        nodejs實(shí)現(xiàn)動(dòng)態(tài)html步驟詳解<\/a>
        <\/p>\n

        node 命令方式啟動(dòng)修改端口步驟詳解<\/a>
        <\/p>"}

        亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

        ? ? ????? JS ???? ?? ????? ??? ??? Jade ?? ??? ?? ??? ??

        ?? ????? ??? ??? Jade ?? ??? ?? ??? ??

        May 22, 2018 am 10:27 AM
        node ??

        ???? ?? ????? ??? ???? Jade ?? ??? ?? ??? ??? ?? ????. ??? ?? ?????. ???????. 1. ?? ??

        HTML ??? ??? ???? ?? DOCTYPE ?? ??? ???? ???. ?? ????? HTML5 ?? ?? ??? ????? Jade??? ??? ???? ???? jade?? ?? ??? ???? ??? ? ??? ????:

        jade ??? ?? doctype html? ??? ? ????.

        1. 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">'
          };
        3. doctype? ????? ???? ???? ?? ? ??? ??? ??? ????.
        doctype?Default
        doctype?default

        ?: XHTML 1.0 Strict ?? ??? ????? ??? ?? ??? ? ????.

        doctype?strict

        ??? ??? ??? ????.

        ?? ??

        ??? ??? ????.

        2, tag

        jade ?? ??? ?? ???? ? ? ?????.

        doctype?html
        html
        ?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.

        ?? ??? ??? ????.

        ?????.

        ??? ?????.

        ??? ???? ? ??? ????. ?? ??? ???? ??? ?? ??? ???? ????? ?? ?? ??? ????? ???:

        1. 001

        2. 002
        3. 003

        4. 004


        jade??? ??? ???? ???? ??? jade? ? ?? ??? ?????. ? ??? ? ? ?? |? ??? ???? ????.

        p
         | 1. 001
         | 2. 002
         | 3. 003
         | 4. 004

        ? ?? ??? ??? ????. ?? ??? . ?? ?? ? ?? ??? ???? jade? ?? ?? ????? ?? ?????.
        p.
         1. 001
         2. 002
         3. 003
         4. 004

        ?? ?? ???? ? ? ?? ??? ???? ?????? ???? ?? ??? ?? ????? ???. ??? ?? ??? ?? ?? ? ???? 1 ?? ??? ??? ???? ???.

        ?? ? ?? ??? ??? ?? ??? ?? ???? ?????.

        p
         | 1. 001
         strong aaa
         | 2. 002
         | 3. 003
         | 4. 004

        ? ?? ?? ????? ??? ?? ???? ???.

        p.
         1. 001
         <strong>aaa</strong>
        ?2.?002
        ?3.?003
        ?4.?004</p>
        <p style="text-align: left;">??? ??? ??? ????. </p>
        <p style="text-align: left;"></p>&lt ;p><p style="text-align: left;"> 1. 001 </p> <strong>aaa</strong><blockquote style="text-align: left;"> 2. 002<p style="text-align: left;"> 3. 003<br> 4. 004<br></p><br><br><br><br></p>3. ?? ?</blockquote> <p style="text-align: left;"><span style="color: #ff0000"> <strong>h1 p etc. ??? ?? ?? ??? id, class ??? ?????, ??? jade??? ??? ???? ???? zen ??? ??? ???? ??? ?? ???? ???: <a href="http://ipnx.cn/wiki/169.html" target="_blank"><pre class="brush:php;toolbar:false">h1#id.class?this?is?a?title.
        p#j-text.text?this?is?a?paragraph.
        ??? ??? ??? ????:

        ??? ?????.< ;p id="j-text" class="text">??? ?????.

        等等,那我要是想添加多個(gè) class 怎么辦呢?這樣辦:

        h1#id.class1.class2.class3?this?is?a?title.
        p#j-text.text?this?is?a?paragraph.

        編譯結(jié)果為:

        this is a title.


        this is a paragraph.

        什么?寫 p 寫煩了?那就不寫咯。

        #id.class
        #id.class1.class2?this?is?a?p?without?tags.

        編譯結(jié)果為:


        this is a p without tags.

        這里要說(shuō)明一下,在 jade 的語(yǔ)法里面,只有 p 標(biāo)簽?zāi)軌蚴÷圆粚?

        說(shuō)完了 id 和 class,我們?cè)賮?lái)說(shuō)一下標(biāo)簽其他的屬性應(yīng)該怎么添加。jade 里添加其他屬性和值的語(yǔ)法也和 zen coding 類似,我們需要在標(biāo)簽后面加上小括號(hào)(),然后按照(屬性名=屬性值)的格式寫就好了,如果有多個(gè)屬性,中間以逗號(hào)進(jìn)行分割。

        比如上面的 id 和 class 的寫法我們就可以改寫成:

        h1(id="id",?class="class")?this?is?a?title.
        p(id="j-text",?class="text")?this?is?a?paragraph.

        結(jié)果是一樣的:

        this is a title.


        this is a paragraph.

        說(shuō)來(lái)說(shuō)去還是這兩個(gè)屬性,煩了?那我們換一個(gè)吧:

        a(herf="/index.html",?title="this?is?a?link.",?target="_blank",?data-uid="1000")?index.html

        編譯結(jié)果為:

        index.html

        那么問(wèn)題就來(lái)了,如果我們要寫一個(gè)單屬性應(yīng)該怎么寫?比如給表單元素添加 checked屬性:

        input(type="checkbox",?name="all",?checked,?value="全選")

        編譯結(jié)果為:

        相信看了本文案例你已經(jīng)掌握了方法,更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!

        推薦閱讀:

        nodejs實(shí)現(xiàn)動(dòng)態(tài)html步驟詳解

        node 命令方式啟動(dòng)修改端口步驟詳解

        ? ??? ?? ????? ??? ??? Jade ?? ??? ?? ??? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!

        ? ????? ??
        ? ?? ??? ????? ???? ??? ??????, ???? ?????? ????. ? ???? ?? ???? ?? ??? ?? ????. ???? ??? ???? ???? ??? ?? admin@php.cn?? ?????.

        ? AI ??

        Undresser.AI Undress

        Undresser.AI Undress

        ???? ?? ??? ??? ?? AI ?? ?

        AI Clothes Remover

        AI Clothes Remover

        ???? ?? ???? ??? AI ?????.

        Video Face Swap

        Video Face Swap

        ??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!

        ???

        ??? ??

        ???++7.3.1

        ???++7.3.1

        ???? ?? ?? ?? ???

        SublimeText3 ??? ??

        SublimeText3 ??? ??

        ??? ??, ???? ?? ????.

        ???? 13.0.1 ???

        ???? 13.0.1 ???

        ??? PHP ?? ?? ??

        ???? CS6

        ???? CS6

        ??? ? ?? ??

        SublimeText3 Mac ??

        SublimeText3 Mac ??

        ? ??? ?? ?? ?????(SublimeText3)

        ???

        ??? ??

        ??? ????
        1597
        29
        PHP ????
        1487
        72
        NYT ?? ??? ??
        128
        836
        ???
        nvm?? ??? ???? ?? nvm?? ??? ???? ?? Dec 29, 2022 am 10:07 AM

        nvm? ???? ??? ???? ??: 1. "nvm-setup.zip"? ?????? C ????? ?????. 2. "nvm -v" ??? ?? ?? ??? ???? ?? ??? ?????. install" ?? ?? ??; 4. "nvm uninstall" ??? ?? ??? ??? ?????.

        PI ?? ?? : PI ?? ? ?????? Pi ??? ???? ???? ??? ?????? PI ?? ?? : PI ?? ? ?????? Pi ??? ???? ???? ??? ?????? Mar 05, 2025 pm 05:57 PM

        Pinetwork ??? ?? ??? ?? ? ?? ???? ????? Pinetwork Ecosystem? ??? ?????. Pi ??, Pinetwork ???? ?? ??? ???? ?? ? ????? ?? ??? ?????. Pinetwork ?? ?? ??? ????? ?? ? ?, PI ??? ???? ?? ???? ???? ???? ???? ????? ???? ?? ????? ??? ????????. ?? Pinetwork? ???? Picoin? ???? ??????. ??? ??? ?????? PI ??, ?? ? ?? ??. Pinetwork ? ?????? Pinetwork ????? 2019 ?? ?????? ??? ? Cryptocurrency Pi Coin? ???? ????. ? ????? ?? ??? ??? ??? ??? ??? ?? ??????.

        Express? ???? ?? ?????? ?? ???? ???? ?? Express? ???? ?? ?????? ?? ???? ???? ?? Mar 28, 2023 pm 07:28 PM

        ?? ???? ???? ??? ?????? ?? ???? Express? ???? ?? ?????? ?? ???? ???? ??? ???????. ??? ?? ????.

        pkg? ???? Node.js ????? ?? ??? ????? ??? ?? ???? ?????. pkg? ???? Node.js ????? ?? ??? ????? ??? ?? ???? ?????. Dec 02, 2022 pm 09:06 PM

        nodejs ?? ??? pkg? ????? ??? ?????? ?? ????? pkg? ???? Node ????? ?? ??? ????? ??? ?????. ??? ??? ????.

        Node? ???? ?? ?? 'pm2”? ?? ?? ?? Node? ???? ?? ?? 'pm2”? ?? ?? ?? Apr 03, 2023 pm 06:02 PM

        ? ????? Node? ???? ?? ??? "pm2"? ???? pm2? ??? ??, pm2 ?? ? ?? ??? ?? ?????. ???? ??? ??? ????!

        Angular ? Node? ??? ?? ?? ?? Angular ? Node? ??? ?? ?? ?? Sep 01, 2023 pm 02:01 PM

        ??? ?? ? ???????? ?? ??? ?? ? ?????. ? ??????? ?? ?? ?? ???? ?? ??? ????? ???? ?? ?????. ? ????? ??? Angular? Node.js? ??? ???? ???? ??? ? ? ????. ?? ?? ??? ?? ?? ?? ????? ???? ?? ?? ?? ???? ???????. ???? ??? ??? ??? ??? ????? ???? ???? ?????. ??? ? ??????? ???? ????? ???? ?????. ??? ???? ???????? ?? ??? ??? ???? ??? ????, ?? ??? ?? ??? ???? ????? ?? ID? ????. ??? ?? ??????? ?? ???? ?????.

        npm node gyp? ???? ?? ??? ?? npm node gyp? ???? ?? ??? ?? Dec 29, 2022 pm 02:42 PM

        "node-gyp.js"? "Node.js"? ??? ???? ?? npm node gyp? ??????. ?? ??: 1. "npm ?? clean -f"? ?? ?? ??? ????. 2. "npm install - g n" n ??? ?????. 3. "n v12.21.0" ??? ?? "node v12.21.0" ??? ?????.

        Node? fs ?? ??? ?? ??? ?? ????? ??(?? ??) Node? fs ?? ??? ?? ??? ?? ????? ??(?? ??) Nov 18, 2022 pm 08:36 PM

        ?? ?? Node.js? fs ?? ??? ?? ??? ?? ???? ?? ?? ? ?? ??? ?? ?? ??? ??? ?? ??? ??? ??? ????!

        See all articles