CSSスタイルのpreとは何ですか？ HTMLでのコードタグのプリラッピングの役割

を使用しておりますWordPressのウェブサイトCSS と HTML のいくつかの基本を学ぶ必要があります。

• 一部の WordPress テーマの CSS スタイル ファイルが原因で、pre および code タグ スタイルが追加されません。
• 現在、ほとんどのブラウザがサポートしていますマーク。

HTML  ラベルの例

以下は、preタグのCSSスタイルです（htmlコードを自動的にラップできます） ▼

pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

以下はcodeタグのCSSスタイルです▼

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

使用方法：

• 上記の CSS タグを WordPress テーマにコピーしてください style.css ファイルで。

HTMLプレタグの機能と使い方

• ラベルは書式設定済みのテキストを定義します。
• マークアップ要素では、含まれるテキストは通常​​、スペースと改行を残します。
• テキストも等幅フォントで表示されます。

マークアップは、多くの場合标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

指定したテキスト形式を HTML に配置する場合は、主要な要素の属性を利用する必要があります。

ヒントと指示

ヒント：タグの一般的な用途は、コンピュータのソース コードを表すことです。

HTML 4.01 と HTML5 の違い

HTML 4.01 では、「幅」属性は非推奨であり、使用できません。 HTML5 は「幅」属性をサポートしていません。

列

プロパティ値の説明

• 幅数 HTML5 はこの属性をサポートしていません。
• この属性は、HTML 4.01 では推奨されていません。
• 40,80 行あたりの最大文字数を定義します (通常は 132、XNUMX、または XNUMX)。

グローバル プロパティ

• <pre>マークアップはグローバル属性をサポートしており、完全なプロパティ シートの HTML グローバル属性を参照してください。

イベント プロパティ

• タグは、すべての HTML イベント属性をサポートします。