HTMLコンテンツの最小化

HTMLコンテンツを最小化する方法はありますか？私はむしろ、可能な場合、このようなものだろうHTMLコンテンツの最小化

<html> 


<title>A title or something</title> 

    <h2>Blah blah blah times 5 </h2> 
    <p> 
    Blah blah blah times 5Blah blah blah times 5Blah blah blah times 5Blah blah blah times 5Blah blah blah times 5Blah blah blah times 5Blah blah blah times 5Blah blah blah times 5Blah blah blah times 5Blah blah blah times 5Blah blah blah times 5Blah blah blah times 5Blah blah blah times 5Blah blah blah times 5 
    </p> 


</html>

：

<html> 


<title>{title of page}</title> 

    <h2>{header information}</h2> 
    <p> 
{Paragraph information} 
    </p> 


</html>

を、私はどのようにHTMLわからない

たとえば、のは、私のような通常のHTML文書を持っているとしましょうページはその情報を得ていることを知っていますが、これが可能かどうかを調べるだけです。

出典

2016-03-27 Snorlax

あなたはおそらくライブラリラryのようにHandlebars。他にも同様のライブラリがありますので、あなたに最適なリサーチに注意してください。

ハンドルバーを使用すると、{{something}}形式を使用して、HTMLにコード化する情報を最小限に抑えることができます。他の人は、同じではないにしても、同じ形式を使用します。

動的コンテンツのコード作成を容易にするために、同様の「ひげっと」スタイルのテンプレートやその他の便利な機能を含むMVCフレームワーク（AngularまたはEmberなど）を使用することもできます。 Emberは実際にハンドルバーを使用し、Angularは非常に似ている独自の "指令"を使用します。テンプレートを含む他のMVCフレームワークも利用可能です。

出典

2016-03-27 02:37:53 millerbr

よろしくお願いいたします。 – Snorlax

基本的には、ある種のUIテンプレートフレームワークの使用について質問しています。それは可能ですが、それはサーバー側またはクライアント側で行うことができ、それぞれが長所と短所を持っています。

あなたはここにjavascriptとjqueryで質問をタグ付けされているので、あなたが役に立つかもしれないいくつかのクライアント側のテンプレートフレームワークされています

も見てみましょうTemplate Engine Chooser

出典

2016-03-27 02:37:21 ggreiner

でも古き良きアンダースコアがあまりにもここで働くかもしれない内容を配置するJavaScriptを使用することができます？ –

HTMLを入力するために使用する予定はありますか？私は通常でオフに開始するために私の最小マークアップとして

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="stylesheet" href=""> </head> <body> <h1>{{jsonResponse.whatever}}</h1> </body> </html>

を使用して、必要に応じて、残りの角度の塗りつぶしを持っています。

出典

2016-03-27 02:42:38 pcproff

それとも、プログラム的

document.getElementsByTagName('title')[0].innerHTML = 'title of page'; 
 
document.getElementsByTagName('h2')[0].innerHTML = 'header information'; 
 
document.getElementsByTagName('p')[0].innerHTML = 'Paragraph information';

<html> 
 
    <title></title> 
 
    <h2></h2> 
 
    <p></p> 
 
</html>

出典

2016-03-27 02:43:21 Munawir

おかげさまで、これを使用することには、他の人々がハンドルバーや角度のように示唆したものと比べて欠点がありますか？ – Snorlax

これは純粋なjavascriptですが、他はライブラリです。 – Munawir

答えて

関連する問題