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> この標準からの逸脱は本当に大きすぎます。 。 。しかし。単純なケースであれば、まだ使用できます。それで間に合わせましょう。何もしないよりはましだ。 |
推薦する
ページにデータを表示するReactメソッド
目次親コンポーネントリストボックスリストコンポーネントボタンコンポーネント PageButton昨年...
Mysqlの同時パラメータ調整の詳細な説明
目次クエリキャッシュの最適化概要クエリプロセスクエリキャッシュ構成クエリキャッシュの無効化メモリ管理...
Navicat for Mysql 接続エラー 1251 (接続失敗) の問題を解決する
以前書いた内容が詳細さに欠けていたため、今回は修正・補足しました。ただし、以前の MySQL バージ...
Vue 日付時刻ピッカーコンポーネントの使い方の詳細な説明
この記事の例では、Vue の日付時刻ピッカーコンポーネントの具体的なコードを参考までに紹介します。具...
CSS を使用して複数の方法で等高レイアウトを実装するサンプル コード
この記事で説明する等高レイアウトでは、純粋な CSS を使用して、要素の高さを手動で設定することなく...
CentOS 7.6 Telnetサービス構築プロセス（Opensshアップグレードバトル第一弾のバックアップトランスポートライン構築）
不明な点があるときはいつでも、Blog Park にアクセスして、いつでも答えやインスピレーションを...
Vue のキーボードイベント監視の概要
キー修飾子キーボード イベントをリッスンする場合、詳細なキーを確認する必要があることがよくあります。...
CSS の位置属性 (absolute|relative|static|fixed) の概要と応用
まず、CSS3 Api の position 属性の定義を見てみましょう。 static: 特別な配...
Vueはシンプルなショッピングカートの例を実装します
この記事では、Vueの具体的なコードを共有して、簡単なショッピングカートを実装します。具体的な内容は...
CSS3アニメーションとHTML5の新機能の詳しい説明
1. CSS3アニメーション☺CSS3 アニメーションは、JavaScript を介して要素のスタイ...
MySQL InnoDB row_id 境界オーバーフロー検証方法の手順
背景クラスメートと row_id の境界問題について話し合ったので、ここで詳しく説明します。 Inn...
div が contentEditable=true に設定されている場合、コンテンツをリセットした後にカーソルを配置することはできません。
最近、絵文字にコメントする機能が必要なコメント機能に取り組んでいたため、 contentEditab...
Alibaba Cloud OSS によってアップロードされた Nginx プロキシ転送実装コード
序文ミニプログラムのアップロードには https が必要なので、サーバーの https は lets...
MySQL マスタースレーブレプリケーションの遅延の原因と解決策
目次レプリケーション ロジックの簡単な概要:遅延の原因と解決策〇メインデータベースへの頻繁なDMLリ...
JavaScriptはスライダーを介してWebページの色を変更することを実装します
みなさんこんにちは、今日はウェブフロントエンドのHTMLを見ていたら、inputタグのtype属性が...