<br />質問: Word のコンテンツを Web サイトのエディターに直接コピーすることが推奨されないのはなぜですか? 回答: Word からコンテンツを直接コピーして Web サイトのエディターに貼り付けると、Word によって自動的に生成された大量の無駄なコードが生成され、コードの量とページのサイズが増加します。 1 つまたは 2 つの記事であれば問題ありませんが、数十または数百の記事になると、Web サイトのスペースとアクセスへの影響が大きくなります。さらに、Word からコピーされたコンテンツは、Web ページ上の Word の元の形式を必ずしも維持するとは限りません。私の提案は次のとおりです: 1. 記事コンテンツ ページ テンプレートで、表示コンテンツ制御タグ {$ArticleContent} が配置されているテーブルに、背景スタイル管理で記事コンテンツを表示するテキストのサイズを制御する CSS "main_tdbg_760" (デフォルトは class="main_tdbg_760" ですが、新しい CSS に再定義することもできます) を定義します。たとえば、次のようになります。 .main_tdbg_760 /* コンテンツテーブルの背景とテキストの色の定義 (760) */ { padding: 5;line-height:normal;Word-break:break-all;font-size: 18pt;font-family:宋体; } つまり、記事コンテンツのインデント (padding)、行の高さ (line-height)、単語の区切り (word-break)、テキスト サイズ (font-size)、フォント (font-family) を定義します。 これにより、記事コンテンツ全体のデフォルトの表示形式を定義できます。 2. Word で記事のすべてのコンテンツを選択してコピーし、新しいメモ帳ドキュメントを作成して貼り付けます。次に、メモ帳ですべてのコンテンツを選択してコピーし、Web サイト エディターに貼り付けます。全体の操作は数秒以内に完了します。Word の内容を直接コピーすることと比較すると、Word 文書の内容を直接コピーすることによって生成される無駄なコードが大量に削除されるという利点があります。欠点は、タイトル フォントなどの個別のフォント形式がないことです。注意すべき点: Word 文書コンテンツ内の画像は、現時点ではエディターに直接コピーできません。ただし、Word 文書を HTML ファイルとして保存してこれらの画像を取得し、アップロードすることができます。 3. ウェブサイトエディタでタイトルのサイズを設定し、写真をアップロードし、記事のフォーマットを設定します。 質問:記事コンテンツに表示される行間隔は CSS から設定されていますか?どうやって設定するのですか? 回答:CSS コントロールを使用することをお勧めします。つまり、上記の説明の「line-height:normal;」は、「normal;」(デフォルトの行の高さ)に設定することをお勧めします。「line-height:150%;」や「line-height:24;」、「line-height:24px;」などの固定値を設定しないでください。固定値を設定すると、エディターで大きなフォントを設定したときに、行の高さが設定したサイズに固定され、行が重なり合うようになります。 |
<<: Linux で開いているファイルが多すぎる問題を解決する方法
SQL JOIN 句は、テーブル間の共通フィールドに基づいて 2 つ以上のテーブルの行を結合するため...
導入HibernateやMyBatisなどのORMフレームワークでは、部門に関連付けられたユーザーオ...
CSS は div にスクロールを追加し、スクロール バーを非表示にします。具体的なコードは次のとお...
Nginx の紹介Nginx (「エンジン x」) は、ロシアのプログラマー Igor Sysoev...
ルートディレクトリとインデックスファイルroot ディレクティブは、ファイルの検索に使用するルート ...
1. 今日、ページを作っているときに、矢印を中央に配置する効果に遭遇しました。クリック領域を大きくし...
Yahoo チームが書いた、ウェブサイトのパフォーマンス最適化に関する記事を読みました。この記事は...
NERDTree は Vim 用のファイル システム ブラウザーです。このプラグインを使用すると、ユ...
目次Vue の keep-alive 組み込みコンポーネントの使用でもこのアルゴリズムが使用されます...
MySQLテーブルの自動インクリメント列の初期値をリセットする方法1. 問題の説明MySQL データ...
効果: <div class="imgs"> <!-- 背景画...
序文スワップは、ディスク上にある「仮想メモリ」の一部である特殊なファイル (またはパーティション) ...
環境の準備1. 環境構築React Native 中国語ウェブサイト2. 開発ツール フロントエンド...
Postfix は、Linux システム上で電子メールをルーティングまたは配信するために使用される無...
2つのケース: 1. 索引あり 2. 索引なし前提条件:方法: コマンドラインを使用してシミュレート...