Question

有没有办法最小化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网页是如何知道它获取该信息的，但我只是想知道这是否可能。

Answer 1

您可能想要使用像Handlebars这样的库。还有其他类似的图书馆，所以要注意最适合你的研究。

句柄将允许您使用{{something}}格式来最小化您在html中编码的信息。其他人将使用类似的（如果不是相同的）格式。

在此基础上，您还可以切换到使用MVC框架（例如Angular或Ember），其中包含类似的＆＃34;小胡子＆＃34;样式模板和其他有用的功能，以使您的动态内容更容易编码。 Ember实际使用Handlebars，Angular使用它自己的＆＃34;指令＆＃34;这是非常相似的。其他包含模板的MVC框架也可用。

Answer 2

你基本上都在询问使用某种UI模板框架。它可以做到，它可以在服务器端或客户端完成，每个都有它的优点和缺点。

由于您使用javascript和jquery标记了问题，因此您可以找到一些有用的客户端模板框架：

另请查看Template Engine Chooser

Answer 3

您打算使用什么来填充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>

作为我的最小标记开始，然后在需要的地方进行角度填充。

Answer 4

或者您可以使用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>

最小化HTML内容

4 个答案: