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 シャーディング入門ガイド

推薦する

VMware 仮想マシンのインストール Apple Mac OS の超詳細なチュートリアル

目次要約する仕事の都合で Apple の Mac OS に対応するソフトウェアをインストールする必要...

Centos7 での MySQL 5.7.20 のインストールと設定に関する詳細なチュートリアル

1. 公式 Web サイトから MySQL 5.7 インストール パッケージ (mysql-5.7....

Linux ssh サーバーの構成コード例

LinuxホストにSSHサーバーをインストールするには、次のターミナルコマンドを使用します: sud...

Linux calコマンドの使用

1. コマンドの紹介cal (カレンダー) コマンドは、現在の日付または指定された日付のグレゴリオ暦...

EclipseでTomcatを作成する原理の詳細な説明

ローカルEclipse上にTomcatサーバーを作成する場合、 tomcaインストールディレクトリの...

変換を使用して純粋な CSS ポップアップ メニューを実装するためのサンプル コード

序文トップメニューを作成する場合、ポップアップのセカンダリメニューを作成する必要があります。 以前の...

Docker で MySQL マスター スレーブ レプリケーションを実装するためのサンプル コード

目次1. 概要1. 原則2. 実装3. スレーブインスタンスを作成する4. マスタースレーブ構成要約...

Nginx のアクセス制御とパラメータ調整方法

Nginx グローバル変数Nginx には、$variable 名を通じて使用できるグローバル変数が...

開発効率の向上に役立つ 56 個の実用的な JavaScript ツール関数

目次1. デジタルオペレーション(1)指定された範囲内で乱数を生成する2. 配列操作(1)配列の順序...

経験者のHTMLの書き方と理由の分析

1. ナビゲーション: 順序なしリストとその他のラベル要素ナビゲーションを記述するために最も一般的に...

VMware 仮想マシンでの Centos8 ブリッジの静的 IP 設定方法

1. ネットワーク接続方法がブリッジされていることを確認する物理ネットワーク接続ステータスのコピーを...

Mysql5.7 以降での ONLY_FULL_GROUP_BY エラーの解決方法

最近、開発プロセス中に、プロジェクト開発環境に接続されている MySQL データベースは Aliba...

ECMAScript6 におけるマップマッピングの基本概念と一般的な方法

目次マッピングとは何かオブジェクトとマップの違いマップの共通メソッド宣言と初期化割り当てセットキー値...

Linux でディスク IO を表示し、読み取りと書き込みで高い IO を占有するプロセスを見つけます。

背景 - オンラインアラートオンライン サーバーがアラームを発し、ディスク使用率 disk.util...

モバイル端末のジャンプ問題を解決する(CSS遷移、ターゲット疑似クラス)

序文モバイル端末に触れたばかりの友人の多くは、クリックジャンプルーティング、特にVueルーティングを...