• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营

    • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    zen coding for editplus 实例代码说明
    比如他输入：

    XML/HTML代码
    div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer

    生成如下页面：
    XML/HTML代码

    复制代码
    代码如下:

    <div id="page">
    <div id="header">
    <ul id="nav">
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    </ul>
    </div>
    <div id="page">
    <h1><span></span></h1>
    <p></p>
    <p></p>
    </div>
    <div id="footer"></div>
    </div>

    早上推荐给小茗时，他说，Zen coding有for editplus的了。欣欣下载下来。运行后却发现，生成后的代码与官方不一样，看来还是有待改进啊，zen coding for editplus生成的代码是：
    XML/HTML代码

    复制代码
    代码如下:

    <div id="page"></div>
    <div id="header">
    <ul id="nav">
    <li>
    <a href=""></a><div id="page"></div>
    <h1>
    <span></span><p></p>
    <p></p>
    <div id="footer"></div>
    </h1>
    </li>
    <li>
    <a href=""></a><div id="page"></div>
    <h1>
    <span></span><p></p>
    <p></p>
    <div id="footer"></div>
    </h1>
    </li>
    <li>
    <a href=""></a><div id="page"></div>
    <h1>
    <span></span><p></p>
    <p></p>
    <div id="footer"></div>
    </h1>
    </li>
    <li>
    <a href=""></a><div id="page"></div>
    <h1>
    <span></span><p></p>
    <p></p>
    <div id="footer"></div>
    </h1>
    </li>
    </ul>
    </div>

    这个与标准的偏 差实在是太大了。。。不过。在简单的情况下，还是可以使用的。将就着喽。总比没有的好。
    上一篇：Zen HTML Elements 使用zen coding的朋友可以收藏下
    下一篇：一个IE死机bug
  • 相关文章
    • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    zen coding for editplus 实例代码说明 zen,coding,for,editplus,实例,