2011-07-07 92 views
24

有沒有我可以用它來寫我的網站的HTML,其中一種語言:是否有替代HTML?

  • 轉換爲HTML,而無需編寫HTML直接
  • 已經HTML的一切權力
  • 比HTML更簡潔和XML

例如,它應該是HTML什麼CoffeeScript是JS。

另外,您的建議是什麼?

也看看Comparison of web template enginesScala Tags

+1

這個問題的一般答案是「模板」。有關在功能庫上比較它們的巨大列表,請參閱[本維基百科頁面](http://en.wikipedia.org/wiki/Comparison_of_web_template_engines) – MarioDS

回答

24

不錯的選擇是Haml。在Haml中,你編寫了高度結構化的標記,類似於精簡的HTML格式,常見的東西都有簡單的捷徑。例如,添加元素dividclass僅通過更改一個字符即可完成。

它甚至可以讓你按照自己選擇的語言傳遞變量並對它們進行操作,並推遲到腳本語言,所以它實際上比HTML更強大,因爲隱式腳本使得它完成圖靈。

下面是一個例子:

%body 
    #header 
     %h1 Bob Loblaw's Law Blog 
     %h2 by Bob Loblaw 
    #content 
     - @entries.each do |entry| 
     .entry 
      %h3.title= entry.title 
      %p.date= entry.posted 
    #footer 
     %p 
     All content copyright © Bob Loblaw. 

這將成爲類似:

<div id='header'> 
    <h1>Bob Loblaw's Law Blog</h1> 
    <h2>by Bob Loblaw</h2> 
</div> 
<div id='content'> 
    <div class='entry'> 
    <h3 class='title'>You don't need double-talk; you need Bob Loblaw</h3> 
    <p class='date'>Tuesday, October 31, 2006</p> 
    </div> 
    <div class='entry'> 
    <h3 class='title'>Why should you go to jail for a crime someone else noticed?</h3> 
    <p class='date'>Friday, August 11, 2006</p> 
    </div> 
</div> 
<div id='footer'> 
    <p> 
    All content copyright © Bob Loblaw. 
    </p> 
</div> 
+1

同時查看SHPAML http://shpaml.webfactional.com/tutorial/1 – TomHarrigan

+1

+5查看Bob Loblaw的參考資料 –

6

您可以定義您的網站,使用自己的自定義XML格式,然後轉換爲使用XSLT爲HTML。做到了在過去:)

+9

他說* less *比HTML/XML冗長。 – jwodder

+0

XML與您想要的一樣冗長。這只是標籤。最難的部分就是編寫XSLT,但你只需要做一次。然後你從XML生成你的網站並上傳。 –

+0

我剛剛更新了該答案的問題原因; D – axaluss

1

您可以試試Processing.js。 您仍然需要一個HTML shell來承載畫布,但實際上您可以使用Processing/Java對您的站點進行編碼。

9

一位朋友和我剛開始Layx:基於食火雞新佈局的語言,約束求解工具包,蘋果用於他們的用戶界面。現在只適用於網絡,但它將在一天之內成爲多平臺 - 本地移動。

它被設計爲非常簡單和容易(如python),並且如問題所述,它動態地在內部編譯爲HTML,因爲如果圖層必須移動或調整大小,則接口必須更新。

這是一個非常新的項目-alpha版本,所以試試吧。

項目網站:http://www.layx.org/

在線演示:http://www.layx.org/demo/

開源庫:http://github.com/layxlang/layx

我希望它可以幫助和反饋始終是歡迎!

問候

EDIT(2015年1月8日):開放源代碼的鏈接添加

EDIT(2015年1月15日):演示鏈接添加

3

我知道這個問題是老但我開始尋找答案,我想我會用我自己的更新回覆。

正如已經指出的那樣,該問題主要針對template engines(沒有太多的語言)問題,因爲問題在於生成HTML。

如果目標是與CoffeeScript保持一致,那麼CoffeeKup就是要走的路。就我個人而言,在我所看到的那些人中,在尋求簡潔性的過程中,Pug是我看起來最好的一個,它受Haml(接受的和最高的回答)的嚴重影響,並在幾個方面改進它(恕我直言):更多簡潔,更優雅和明確(主觀,公平),不需要Ruby,因爲它是基於JavaScript的。