XOWML、XHTMLに変換されます

XOWMLは、Onlywebが開発した新しいマークアップ言語です。 読む-homel。



この言語には、XHTMLにタイプセッターに有効なXHTMLコード迅速かつ効率的に記述する機能を提供するという単一の目的があります 。 つまり 次のように機能します。コードをXOWMLで記述し、[保存]をクリックすると、.htmlファイルが自動的に表示され、ブラウザで表示できます。



最初のXOWMLの例を次に示します。

 .BriefDescription {{
 .Image {%img src = "images / elephant.jpg" width = "240" height = "181" {}}
 .Description {
 。日付{8月10日}
 %p {このプレートでは、記事に関する簡単な注釈を書きます。
これにより、サイトの訪問者は何が問題になっているかを理解できます。}
 %p {写真のサイズをすぐに決定する必要があります。
幅をしっかりと固定する必要があります(今すぐ使用することをお勧めします)
写真の高さはページの外観に影響を与えることなく変更できます。
そして、内側に写真がなければ、それは悪いでしょう-最初はデザインが指向されています
受信する。  inf。 高速読み込み。}
 %a href = "#" {全文を読む...}
 }
 。{}をクリア
 }}




XHTMLコードに変換します。

 <div class = "BriefDescription"> <div class = "BriefDescriptionInside0">
 <div class = "Image"> <img src = "images / elephant.jpg" width = "240" height = "181" /> </ div>
 <div class = "説明">
 <div class = "Date"> 8月10日</ div>
 <p>このダイでは、記事に関する簡単な注釈を書きます。
これにより、サイトの訪問者は何が危険なのかを理解できます。</ p>
 <p>写真のサイズをすぐに決定する必要があります。
幅をしっかりと固定する必要があります(今すぐ使用することをお勧めします)
写真の高さはページの外観に影響を与えることなく変更できます。
そして、内側に写真がなければ悪いでしょう
最初は、デザインは受信するように設計されています。  inf。 高速読み込み</ p>
 <a href="#">続きを読む... </a>
 </ div> <!-.Description->
 <div class = "Clear"> </ div>
 </ div> </ div>








つまり エントリ%p.Preved{content}



は、 <p class="Preved">content</p>



意味します。



A

 #news_archive {
	 。ニュース{%p {ニュース}}
 }


に変換

 <div id = "news_archive">
	 <div class = "News"> <p>ニュース</ p> </ div>
 </ div>




ソフトウェアを作成し、XOWMLにRubyコードを挿入する方法について考えるだけです(他の言語のファンの場合-PHPコード、Smartyコードなど)。



私の意見では、良いアイデアです。



All Articles