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

推薦する

JS で if 判定をスムーズに行う方法

目次序文コードの実装アイデア 1アイデア2要約する参照ドキュメント序文プロジェクト内の小さな要件ポイ...

js は丸で囲まれた数字のリストのサンプルコードを動的に追加します

1. まず本文にulタグを追加します <!-- 順序なしリスト --> <ul i...

MySQL 5.7.16 のインストールと設定方法のグラフィック チュートリアル (Ubuntu 16.04)

Ubuntu 16.04 に MySQL 5.7 をインストールするにはどうすればいいですか?メイ...

CSS マスクを使用して PNG 画像のサイズを大幅に最適化します (推奨)

この記事は共有および集約することを歓迎します。全文を転載する必要はありません。著作権を尊重してくださ...

WebデザイナーがRetinaディスプレイデバイス向けの画像を作成する方法

特記事項:この記事は、Chris Spooner の英語記事「Web デザイン用の Retina グ...

CSS で 3D ルービック キューブを実装するサンプル コード

今日は簡単な3Dルービックキューブを作ってみましょうまずはレンダリングを見てみましょう!これを学んだ...

HTML テーブルタグと関連する改行の問題の詳細な分析

テーブルとは何ですか?テーブルは、データのキャリアである HTML テーブルです。以下は比較的標準的...

ウェブデザインと制作に関する科学的原則と提案の要約

<br />ネットワーク設計の分野では、アイトラッキングに関する研究が非常に盛んに行われ...

alpineをベースにdockerfileで作成したtomcatイメージの実装

1.アルパインイメージをダウンロードする [root@docker43 ~]# docker pul...

iframe src 割り当ての問題 (サーバー側)

今日この問題に遭遇しました。サーバー側でiframeのsrc値を再割り当てし、iframeにIDを追...

Zabbix 5.0 ディスク自動検出と読み取り/書き込み監視の問題を分析する

ディスクを自動的に検出する構成キーの値注: このキー値は Linux プラットフォームでのみサポート...

メタタグを簡単に説明すると

META タグは、一般的に タグと呼ばれ、HTML Web ページのソース コード内の重要な HTM...

MySQL innodb B+ツリーの高さを取得する方法

序文MySQL の InnoDB エンジンがインデックスの保存に B+tree を使用する理由は、デ...

Linux で AutoFs マウント サービスをインストールするチュートリアル

Samba サービスでも NFS サービスでも、サーバーの起動時にリモート共有リソースが自動的にマ...

MySQL の NULL 値に関する体験談と分析チュートリアルシリーズ

目次1. テストデータ2. ヌル値による不便3. スペース、空の値、null をどのように判断すれば...