<select>标签及其子标签的代码优化

时间:2016-11-01 12:51:56

标签: html optimization html-select

我需要对我的&lt; select&gt;进行一些代码优化标签。 我使用&lt; optgroup&gt;类别和&lt;选项&gt;的标记对于它的领域。 我有一个24&lt; optgroup&gt;和4-16&lt;选项&gt;每&lt; optgroup&gt;和另外24个&lt; optgroup&gt;用于分隔符(使其更具可读性)。 它看起来像这样: &lt; select class =“”name =“”&gt;    &lt; optgroup class =“”style =“display:none; visibility:hidden;”标签= “” &GT;       &lt; option class =“”value =“”&gt;这是默认选择的值&lt; / option&gt;    &LT; / OPTGROUP&GT;    &lt; optgroup class =“”label =“Categories”&gt; //最多24个类别       &lt; option class =“”value =“”&gt;字段&lt; /选项&gt; //每个类别最多16个字段    &LT; / OPTGROUP&GT;    &lt; optgroup class =“”label =“_______________________&amp; nbsp;”&gt;&lt; / optgroup&gt; // 分隔器 &LT; /选择&GT; 结果是: 文件大小为31KB 我会在需要此下拉列表的每个页面中粘贴此内容。 题: 我可以通过哪些方式对其进行优化?你能举个例子,我会在我的localhost上试一试。 尝试的解决方案: 我试图为此创建一个函数,并且通过array()问题是当我使用xdebug时Self是40+,所以我会减慢生产中的响应时间。 Prashanth Benny推荐使用include_once / require_once的答案的附加问题: 如何动态使用所选属性?防爆。在URL或数据库比较中。如何使用selected / selected =“selected”?

1 个答案:

答案 0 :(得分:0)

您有几个选择:

  • 通过Ajax请求加载HTML异步
  • 将信息存储为例如JSON数据和构建选择字段,在客户端使用模板引擎
  • 通过HTMLMinifier(https://github.com/kangax/html-minifier
  • 缩小您的代码