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> この標準からの逸脱は本当に大きすぎます。 。 。しかし。単純なケースであれば、まだ使用できます。それで間に合わせましょう。何もしないよりはましだ。 |
推薦する
MySQL 5.7.20\5.7.21 無料インストール版のインストールと設定のチュートリアル
参考までに、mysql 5.7.20 / 5.7.21 をダウンロード、インストール、構成します。具...
Quickjs は JavaScript サンドボックスの詳細をカプセル化します
目次1. シナリオ2. 基盤となるAPIを簡素化する2.1 自動的に破棄を呼び出す2.2 VM値を作...
nginx のロケーションと書き換えの使用法の詳細な説明
1. 位置情報の利用状況の概要ロケーションは、さまざまな処理方法に対してさまざまな種類のリクエストを...
docker で nginx+php+mysql を設定する方法
まず、方法を理解します。 docker exec を使用して Docker コンテナに入るDocke...
JavaScript es6 における var、let、const の違いの詳細な説明
まず、よくある質問は、ECMAScript と JavaScript の関係は何ですか? ECMAS...
nacos が mysql に接続できない場合の解決策
理由nacos の pom が依存する mysql バージョンが、mysql バージョンと一致してい...
プロジェクトにaxiosをカプセル化する実際のプロセス
目次序文axiosカプセル化の利点パッケージのアイデア設定の優先順位axiosインスタンス構成1. ...
Linux での MySQL 5.7.19 (tar.gz) インストール グラフィック チュートリアル
Linux で MySQL-5.7.19 バージョンをインストールするための最初のチュートリアル。す...
Web ページの HTML コードの説明: 順序付きリストと順序なしリスト
このセクションでは、HTML のリスト要素について学習します。リストは、Web サイトのデザインにお...
iframe の多層ネスト、無制限のネスト、高度に適応したソリューション
ページ A、B、C の 3 つがあります。ページ A にはページ B が含まれ、ページ B にはペー...
HTMLにおけるbackground-image属性の設定の詳細な説明
写真といえば、まず背景画像が思い浮かびます。私たちの装飾の多くは背景画像を使用して実現されているから...
ウェブデザインにおける2種類のタブアプリケーション
現在、Web デザインではタブが広く使用されていますが、一般的に次の 2 つのタイプに分けられます。...
固定、流動的、柔軟なウェブページレイアウトの長所と短所の分析
ウェブデザイナーを長い間悩ませてきた疑問があります。それは、固定レイアウト、流動的レイアウト、柔軟レ...
ドラッグ可能で編集可能なガントチャートの詳細な説明（HighchartsはVueとReactで使用できます）
序文Excel は強力で、広く使用されています。 Web アプリケーションの登場と改善に伴い、ユーザ...
HTML テーブル マークアップ チュートリアル (39): ヘッダーの明るい境界線の色属性 BORDERCOLORLIGHT
テーブル ヘッダーでは、明るい境界線の色を個別に定義できます。基本的な構文<TH ボーダーカラ...