2013-08-04 112 views
-1

我是新手編程和教程鍵入下面的代碼,它會生成一個頁面充滿代碼。這是什麼代碼呢,我用崇高的文本在編程中這是什麼意思

    div#container>div#main>ul#nav>li*4>lorem 
+5

它被稱爲[* Zen Coding *](http://en.wikipedia.org/wiki/Zen_Coding)。它不針對初學者,請先找到一個教導純HTML的教程。 – DCoder

+2

現在叫emmet。 http://docs.emmet.io/在Sublimetext中,有一個插件可以讓你輸入這樣的內容: 1.使用ID屬性等於容器的div。 2.在id = main的前面添加另一個div。 3.依此類推,直到達到li它創建4 li 4.它用虛擬文本替換lorem,這意味着什麼,但是很有用,因爲它可以用來查看文本的樣子。 –

+0

上帝把它稱爲zencoding被誤導了。有一次,我認爲這個插件已經停止了,並且在鏈接之間來回搜索了20-30分鐘。 –

回答

1

這是禪編碼(埃米特現在),生成html

<div id="container"> 
    <div id="main"> 
     <ul id="nav"> 
      <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</li> 
      <li>Voluptatibus nisi assumenda illum vero earum asperiores illo praesentium quis eius fugiat veniam facilis corporis quasi nostrum id expedita autem ad sequi saepe quas fugit! In veritatis odit tempora saepe.</li> 
      <li>Odit earum quas necessitatibus quis aliquam doloremque totam eligendi harum vitae eius quia nihil similique recusandae doloribus excepturi maiores blanditiis reiciendis. Magnam in id deleniti dolorem similique blanditiis exercitationem nam?</li> 
      <li>Quod aliquid sed asperiores blanditiis repellendus consectetur fugit itaque eveniet obcaecati voluptates animi explicabo nesciunt nemo. Libero maiores sint. Corporis laborum illo modi impedit aliquam amet porro! Aperiam atque id.</li> 
     </ul> 
    </div> 
</div> 

你可以從程序包控制http://wbond.net/sublime_packages/package_control 安裝它,這裏是埃米特https://github.com/sergeche/emmet-sublime