editplus の Zen コーディング例コードの説明

editplus の Zen コーディング例コードの説明
たとえば、次のように入力します。

XML/HTML コード
div#ページ>(div#ヘッダー>ul#nav>li*4>a)+(div#ページ>(h1>span)+p*2)+div#フッター

次のページを生成します。
XML/HTML コード

コードをコピー
コードは次のとおりです。

<div id="ページ">
<div id="ヘッダー">
<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="ページ">
<h1><span></span></h1>
<p></p>
<p></p>
</div>
<div id="フッター"></div>
</div>

午前中にXiao Mingに勧めたら、editplusでZenコーディングが使えるようになったとのこと。 Xinxinがダウンロードしました。実行してみると、生成されたコードが公式のものとは異なることがわかりました。まだ改善の余地があるようです。editplus 用に zen coding によって生成されたコードは次のとおりです。
XML/HTML コード

コードをコピー
コードは次のとおりです。

<div id="ページ"></div>
<div id="ヘッダー">
<ul id="nav">
<li>
<a href=""></a><div id="ページ"></div>
<h1>
<span></span><p></p>
<p></p>
<div id="フッター"></div>
</h1>
</li>
<li>
<a href=""></a><div id="ページ"></div>
<h1>
<span></span><p></p>
<p></p>
<div id="フッター"></div>
</h1>
</li>
<li>
<a href=""></a><div id="ページ"></div>
<h1>
<span></span><p></p>
<p></p>
<div id="フッター"></div>
</h1>
</li>
<li>
<a href=""></a><div id="ページ"></div>
<h1>
<span></span><p></p>
<p></p>
<div id="フッター"></div>
</h1>
</li>
</ul>
</div>

この標準からの逸脱は本当に大きすぎます。 。 。しかし。単純なケースであれば、まだ使用できます。それで間に合わせましょう。何もしないよりはましだ。

<<:  CSS における重要なカスケード概念の詳細な説明

>>:  MySQL シャーディング入門ガイド

推薦する

Docker で複数の MySQL コンテナを作成して実行する方法の例

1. mysql/mysql-server:latestイメージを使用してMySQLインスタンスを素...

dockerでopenGaussデータベースを構成する方法の詳細な説明

Windowsユーザー向けDocker で openGauss を使用するopenGaussイメージ...

MySQLインスタンスクラッシュ事例の詳細な分析

[問題の説明]私たちの実稼働環境には、複数の MySQL サーバー (MySQL 5.6.21) の...

表のセルの内容が超過した場合に省略記号効果を表示する(実装コード)

例示するフロントエンド開発では、セルの幅を制限し、コンテンツが制限を超える部分に省略記号を表示する必...

MySQLがOracleのnvlと同様の機能を持つことができるかどうかについての簡単な議論

isnullの代わりにifnullを使用するisnull は、null かどうかを判断するために使用...

Vueスロットの使用の詳細

目次1. スロットを使用する理由1.1 スロット1.2 コンポーネントのスロット1.3 例2. この...

Linux の一般的なコマンド chmod を使用して、ファイルの権限 777 と 754 を変更します。

よく使用されるコマンドは次のとおりです。 chmod 777 文件或目錄例: chmod 777 /...

js キャンバスで円形の水のアニメーションを実現

この記事の例では、円形の水のアニメーションを実現するためのキャンバスの具体的なコードを参考までに共有...

JS変数ストレージのディープコピーとシャローコピーの詳しい説明

目次可変タイプとストレージスペーススタックメモリとヒープメモリ基本的なデータ型参照タイプグラフィック...

Vue は better-scroll を使用して水平スクロール方法の例を実現します

1. スクロールの実装原理better-scroll のスクロール原理は、ブラウザのネイティブスクロ...

Linux lsof コマンドの使用方法の詳細な説明

lsof (開いているファイルのリスト) は、プロセスによって開かれたファイルを表示するツールです。...

Javascriptジェネレータの紹介と使用

ジェネレータとは何ですか?ジェネレーターは関数内で実行されるコードです。値を返した後、一時停止し、呼...

Amoeba を使用して MySQL データベースの読み取り/書き込み分離を実装する方法の詳細な説明

MySQL には読み取りと書き込みを分離するアーキテクチャが多数あります。Baidu のそれらのほと...

PSSHを使用してLinuxサーバーを一括管理する

pssh は、多数のマシンでのバッチ ssh 操作に使用される、Python で実装されたオープン ...