Zen coding for editplus example code description

Zen coding for editplus example code description
For example, he enters:

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

Generate the following page:
XML/HTML Code

Copy code
The code is as follows:

<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>

When I recommended it to Xiao Ming in the morning, he said that Zen coding is now available for editplus. Xinxin downloaded it. After running, I found that the generated code is different from the official one. It seems that there is still room for improvement. The code generated by zen coding for editplus is:
XML/HTML Code

Copy code
The code is as follows:

<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>

This deviation from the standard is really too great. . . but. In simple cases, it can still be used. Just make do with it. It's better than nothing.

<<:  A brief discussion on the correct posture of Tomcat memory configuration

>>:  Getting Started Guide to MySQL Sharding

Recommend

Complete steps to configure a static IP address for a Linux virtual machine

Preface In many cases, we will use virtual machin...

Seven Principles of a Skilled Designer (2): Color Usage

<br />Previous article: Seven Principles of ...

Implementing a web player with JavaScript

Today I will share with you how to write a player...

Unicode signature BOM (Byte Order Mark) issue for UTF-8 files

I recently encountered a strange thing when debug...

Detailed explanation of calculated properties, monitoring properties and life cycle in Vue.js

Table of contents Preface Computed properties Int...

Convert psd cut image to div+css format

PSD to div css web page cutting example Step 1: F...

MySQL can actually implement distributed locks

Preface In the previous article, I shared with yo...

Solution to mysql error code 1064

If the words in the sql statement conflict with t...

Mysql example of splitting into multiple rows and columns by specific symbols

Some fault code tables use the following design p...

Summary of Mysql common benchmark commands

mysqlslap Common parameter description –auto-gene...

Apache Log4j2 reports a nuclear-level vulnerability and a quick fix

Apache Log4j2 reported a nuclear-level vulnerabil...

Specific use of MySQL segmentation function substring()

There are four main MySQL string interception fun...

Summary of the differences between Vue's watch, computed, and methods

Table of contents 1 Introduction 2 Basic usage 2....

Detailed explanation of this pointing problem in JavaScript

Preface The this pointer in JS has always been a ...

Implementation example of uploading multiple attachments in Vue

Table of contents Preface Core code File shows pa...