首页前端开发HTMLzen coding for editplus 实例代码说明

zen coding for editplus 实例代码说明

时间2024-01-27 04:29:02发布访客分类HTML浏览776
导读:收集整理的这篇文章主要介绍了zen coding for editplus 实例代码说明,觉得挺不错的,现在分享给大家,也给大家做个参考。 比如他输入: XML/HTML代码 div#page>(div#header>...
收集整理的这篇文章主要介绍了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>

这个与标准的偏 差实在是太大了。。。不过。在简单的情况下,还是可以使用的。将就着喽。总比没有的好。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

codingzen

若转载请注明出处: zen coding for editplus 实例代码说明
本文地址: https://pptw.com/jishu/587721.html
iframe 的刷新方式 这样方式更方便 TinyEditor 简洁且易用的html所见即所得编辑器

游客 回复需填写必要信息