Jade – 簡化 HTML

寫了HTML 都很多年了,HTML 一直存在問題,就是HTML Tag 打起上來不方便,而且當一個 HTML 檔案的行數達到一定數量時,變得很難看。

Jade 就是嘗試把 HTML 簡化,剛才試用了一下,打起上來真的很舒服,而且都易明。

JADE Source Code:

doctype html
// Created by Louis Lam on 12/10/2014.

html
    head
        title HELLO WORLD!
        meta(charset=“utf-8”)
body
    div HELLO WORLD!
    div(id=“abc”)
    script(src=”//code.jquery.com/jquery-1.11.0.min.js”)
    script.
        var abc = “ABC!”;
        $(“#abc”).html(abc);

HTML:

<!DOCTYPE html>
<!— Created by Louis Lam on 12/10/2014.—>
<html>
<head>
    <title>
HELLO WORLD!</title>
    <meta
charset=“utf-8”>
</head>
<body>
    <div>
HELLO WORLD!</div>
    <div
id=“abc”></div>
    <script
src=”//code.jquery.com/jquery-1.11.0.min.js”</script>
    <script>
        var
abc = “ABC!”;
        $(“#abc”).html(abc);
    </script>
</body>
</html>