有沒有HTML的速記版本？

Question

我記得讀到的簡寫版，或擴展，HTML的文章在幾個月前。它的目的是通過刪除結束標籤來使HTML代碼更加簡明，並且它也可能允許某種類型的循環。我現在想使用它，但我似乎無法記住它被稱爲。

網上搜索，我發現Haml，但Haml的語法看起來並不像我從文章記得例子。文章中的語法使用了正確的括號，這是對縮進的一種替代。

這是什麼語言？

Answer 1

更新

禪編碼已更名爲Emmet，有其codebase at GitHub。

---

我認爲您正在尋找Zen Coding，它可以在http://code.google.com/p/zen-coding/找到。

禪編碼爲 高速HTML，XML，XSL（或任何其他 結構化代碼格式）編碼 和編輯的編輯器插件。這個插件 的核心是一個功能強大的縮寫引擎 它允許你擴大 表達式，類似於CSS 選擇 - 到HTML代碼。

例

div#page>div.logo+ul#navigation>li*5>a

擴展到

<div id="page"> 
    <div class="logo"></div> 
    <ul id="navigation"> 
    <li><a href=""></a></li> 
    <li><a href=""></a></li> 
    <li><a href=""></a></li> 
    <li><a href=""></a></li> 
    <li><a href=""></a></li> 
    </ul> 
</div> 

Answer 2

要回答（從標題）的一般問題是有相當多的。

這些是我已經看過了我自己的工作有幾個：

• Jade
• Haml
• SHH
• Slim

如果添加了更多的意見，我可以將它們添加到答案中（並且它們也將存在於commen中TS）。

Answer 3

http://docs.emmet.io/abbreviations/是我最喜歡的速記

報價>>

Here’s an example: this abbreviation 
 

 
#page>div.logo+ul#navigation>li*5>a{Item $} 
 
...can be transformed into 
 

 
<div id="page"> 
 
    <div class="logo"></div> 
 
    <ul id="navigation"> 
 
     <li><a href="">Item 1</a></li> 
 
     <li><a href="">Item 2</a></li> 
 
     <li><a href="">Item 3</a></li> 
 
     <li><a href="">Item 4</a></li> 
 
     <li><a href="">Item 5</a></li> 
 
    </ul> 
 
</div> 
 

 
...with just a single key stroke. In many editors (such as Eclipse, Sublime Text 2, Espresso etc.) plugins will also generate proper tabstop marks so you can quickly traverse between important places of generated code with the Tab key.