ホームページ > ウェブフロントエンド > htmlチュートリアル > XHTML_HTML/Xhtml_Webページ制作におけるタイトルタグと段落タグの使い方を詳しく解説

XHTML_HTML/Xhtml_Webページ制作におけるタイトルタグと段落タグの使い方を詳しく解説

WBOY
リリース: 2016-05-16 16:36:13
オリジナル
2461 人が閲覧しました

XHTML タイトルの概要
Word 文書を作成するとき、「第 1 章」、「1.2.1」などのタイトルをよく使用します。 XHTML 構文にはタイトルという概念もあります。 XHTML では、

までの 6 つのレベルの見出しが定義されています。
XML/HTML コードコンテンツをクリップボードにコピー
  1. <h1>ファーストレベルタイトル h1>
  2. <h2>第 2 レベルのタイトル h2>
  3. <h3>第 3 レベルのタイトル h3>
  4. <h4>第 4 レベルのタイトル h4>
  5. <h5>第 5 レベルのタイトル h5>
  6. <h6>第 6 レベルのタイトル h6>

タイトルの使用
XHTML ドキュメントでは、タイトルを使用して Web ページの構造とコンテンツをインデックス化します。タイトルを使用して Web ページを識別するのが上手でなければなりません。ドキュメント階層。
称号のうち、第 1 レベルの称号が最も高く、その後、順番に減少します。一般に、XHTML ドキュメントでは、タイトルはドキュメント内の次の場所 ( タグ内) に適用されます:
Web サイト レベルに応じて:

Web サイトのタイトルを定義します

Web サイトのナビゲーションまたは列を定義します

記事のタイトルを定義します
Web サイトのタイトルを定義します

< h3>列タイトルを定義します
h3 より大きい h4 から h6 のタイトルについては、著作権ステートメントや免責事項、その他の比較的重要な場所など、適切な場所で選択できます。
h1 より下のレベルは h2 になり、次に h3 になる必要があることにも注意してください。

タイトルの使用に関するいくつかの提案
h1 はページ全体のコアコンテンツを表すため、通常、h1 は 1 回しか出現できません (絶対に当てはまるわけではありませんが、出現してはなりません)複数回)、記事の最も強調された部分で使用されます。したがって、特定のコンテンツ ページでは、記事の重要性を強調するために、記事のタイトルに h1 がよく使用されます。たとえば、このサイト:

XML/HTML コード
コンテンツをクリップボードにコピー
  1. <h1>XHTML タイトル<h1>
現時点でサイトタイトル(サイトロゴ)にh1を使用するかどうかは状況によります。
タイトルの使用方法

エディタで学習ドキュメント 1.html ファイルを開き、上記の

タグを タグにコピーします。


XML/HTML コード

コンテンツをクリップボードにコピー
  1. <ボディ>
  2. <h1>第一レベルタイトル h1>
  3. <h2>第 2 レベルのタイトル h2>
  4. <h3>第 3 レベルのタイトル h3>
  5. <h4>第 4 レベルのタイトル h4>
  6. <h5>第 5 レベルのタイトル h5>
  7. <h6>第 6 レベルのタイトル h6>
  8. <p>こんにちは〜こんにちは! p>
  9. ボディ>

1.html ファイルを保存してブラウザで開きます (既に開いている場合は、ブラウザの更新ボタンをクリックしてドキュメントを再読み込みします。以下同様。これ以上の説明は省略します)。タイトル タグの効果を次のように表示できます。以下:
201636113918682.gif (396×290)

例からわかるように、ブラウザは自動的にタイトルの改行を形成します (各タイトルには独自の行があります)。

段落 p タグ
XHTML では、段落は

タグによって定義されます。
XHTML 段落
段落タグの例:

XML/HTML コードコンテンツをクリップボードにコピー
  1. <p>これは段落です。 p>

実際の制作作業では、

段落タグを多用します。
テキストに段落タグを追加すると、ブラウザは自動的にテキストに段落区切りを追加します。ただし、空の

を使用して空白行を形成するのではなく、
改行タグを使用する必要があります。


改行

XHTML ドキュメントでは、空白行または複数の改行が必要な場合、タイトルまたは段落タグでのみ改行マークが提供されます。改行タグ
が必要です。 XHTML では、Word の編集時に Enter キーを押して改行することは無効であり、ブラウザはこの方法で生成された改行ギャップを無視します。
例:

XML/HTML コードコンテンツをクリップボードにコピー
  1. <p>ここにいくつかの内容がありますp>
  2. <br />< br />
  3. <p>これは他のコンテンツですp>

改行タグは、実質的な内容はなく、この場所で改行が必要であることをブラウザに通知するだけであるため、このタグはペアで表示されず、
は複数の場合に 1 回だけ改行されます。改行が必要です。複数の
タグを入力してください。

タグが

に挿入されると、改行効果も生成されます。



または


を使用しても改行を実現できますが、これはブラウザが HTML4.0 仕様に準拠しているためです。
XHTML 仕様では、ペアになっていないタグの場合は、コンテンツの末尾にスペースを追加し、
などの /> を使用してタグを閉じるだけです。 ;img については後で説明します /> およびその他のタグ。
つまり、
の代わりに
です。

関連ラベル:
ソース:php.cn
前の記事:DNS プリフェッチとは何ですか? フロントエンドの最適化: DNS 事前解析によりページ速度が向上します_HTML/Xhtml_Web ページの作成 次の記事:セマンティック タグを使用して、IE6、7、8_HTML/Xhtml_Webpage Production と互換性のある HTML を作成します。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート