HTML içeriğini en aza indirgeme

HTML içeriğini minimalize etmenin bir yolu var mı?HTML içeriğini en aza indirgeme

<html> 


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

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


</html>

nasıl html emin değilim:

<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>

Doğrusu mümkünse böyle bir şey yapacağını Örneğin:

, ı gibi normal bir HTML belgesi var diyelim sayfa bu bilgiyi aldığını biliyordu ama ben bunun mümkün olup olmadığını görmek için bakıyorum.

kaynak

2016-03-27 Snorlax

Muhtemelen bir terazi kullanmak istersiniz Handlebars gibi ry. Orada başka benzer kütüphaneler de var, bu yüzden sizin için en uygun olanı araştırmaya dikkat edin.

Gidonlar, html kodunuzu girdiğiniz bilgileri en aza indirmek için {{something}} biçimini kullanmanızı sağlayacaktır. Diğerleri aynı değilse, aynı formatı kullanacaktır.

Bunun üzerine, dinamik içeriğinizi daha kolay kodlamak için benzer "bıyık" stil şablonlama ve diğer yararlı özellikleri içeren bir MVC çerçevesi (örneğin, Angular veya Ember gibi) geçiş yapabilirsiniz. Ember aslında Gidon kullanır, Açısal kullanır çok benzer olan kendi "direktifleri" kullanır. Dahil şablonlama ile diğer MVC çerçeveleri de mevcuttur.

kaynak

2016-03-27 02:37:53 millerbr

Tamam, teşekkür ederim. – Snorlax

Temel olarak bir çeşit UI şablonlama çerçevesi kullanmayı deniyorsunuz. Bunu yapmak mümkün, sunucu tarafı veya istemci tarafı yapılabilir, her biri artıları ve eksileri vardır. Eğer javascript ile soru etiketlenmiş yana

ve burada jquery yararlı olabilecek birkaç istemci tarafı çiftleşmiş çerçeveler şunlardır:

Ayrıca bir göz atın Template Engine Chooser

kaynak

2016-03-27 02:37:21 ggreiner

bile iyi eski moda çizgi burada da işe yarayabilecek programlama içeriğini yerleştirmek için JavaScript kullanabilirsiniz ??? –

HTML'nizi doldurmak için ne kullanmayı planlıyorsunuz? Genellikle ile başlamak benim asgari İşaretleme olarak

<!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>

kullanmak ve daha sonra gerekli geri kalan açısal dolgu var.

kaynak

2016-03-27 02:42:38 pcproff

Yoksa

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>

kaynak

2016-03-27 02:43:21 Munawir

Teşekkürler, başkalarının gidon ve açısal gibi öne sürdüğü şeylere karşı kullanmanın bir dezavantajı var mı? – Snorlax

Diğerleri kütüphane iken, bu saf javascript. – Munawir

HTML içeriğini en aza indirgeme

cevap

İlgili konular