Минимальный HTML-код

Есть ли способ минимизировать содержание 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 страница будет знать, что она получает эту информацию, но я просто хочу посмотреть, возможно ли это или нет.

источник

2016-03-27 Snorlax

Возможно, вы захотите использовать libra ry нравится Handlebars. Там есть и другие подобные библиотеки, поэтому следите за исследованиями, которые лучше всего подходят для вас.

Ручки позволят вам использовать формат {{something}}, чтобы свести к минимуму информацию, которую вы кодируете в свой html. Другие будут использовать аналогичный, если не тот же формат.

Основываясь на этом, вы также можете переключиться на использование структуры MVC (например, Angular или Ember), которые включают в себя аналогичные шаблоны стиля «усы» и другие полезные функции, чтобы сделать ваш динамический контент более простым для кодирования. Ember фактически использует Handlebars, Angular использует свои собственные «директивы», которые очень похожи. Также доступны другие рамки MVC с включенными шаблонами.

источник

2016-03-27 02:37:53 millerbr

Хорошо, сделаю спасибо. – Snorlax

Вы в основном просите об использовании какого-либо шаблона шаблонов пользовательского интерфейса. Это можно сделать, это может быть сделано на стороне сервера или на стороне клиента, у каждого есть свои плюсы и минусы.

Поскольку вы помечено вопрос с javascript и jquery вот несколько клиентской стороне рамки шаблонных, которые могут оказаться полезными:

Также обратите внимание на Template Engine Chooser

источник

2016-03-27 02:37:21 ggreiner

Даже хороший старомодный подчеркивание может работать здесь ??? –

Что вы планируете использовать для заполнения вашего 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

Или вы можете использовать JavaScript поместить содержимое программно

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

Минимальный HTML-код

ответ

Смежные вопросы