htmlチュートリアル

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:36 PM

xhtmlタイトル段落

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

までの 6 つのレベルの見出しが定義されています。

XML/HTML コードコンテンツをクリップボードにコピー

h1>ファーストレベルタイトル h1>
h2>第 2 レベルのタイトル h2>
h3>第 3 レベルのタイトル h3>
h4>第 4 レベルのタイトル h4>
h5>第 5 レベルのタイトル h5>
h6>第 6 レベルのタイトル h6>

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

タグ内) に適用されます:
Web サイトレベルに応じて:

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

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

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

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

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

XML/HTML コード

コンテンツをクリップボードにコピー

h1>XHTML タイトルh1>

現時点でサイトタイトル(サイトロゴ)にh1を使用するかどうかは状況によります。

タイトルの使用方法

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

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

XML/HTML コード
コンテンツをクリップボードにコピー

ボディ>

h1>第一レベルタイトル h1>

h2>第 2 レベルのタイトル h2>

h3>第 3 レベルのタイトル h3>

h4>第 4 レベルのタイトル h4>

h5>第 5 レベルのタイトル h5>

h6>第 6 レベルのタイトル h6>

p>こんにちは〜こんにちは！ p>

ボディ>

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

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

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

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

XML/HTML コードコンテンツをクリップボードにコピー

p>これは段落です。 p>

実際の制作作業では、

段落タグを多用します。
テキストに段落タグを追加すると、ブラウザは自動的にテキストに段落区切りを追加します。ただし、空の
を使用して空白行を形成するのではなく、
改行タグを使用する必要があります。

改行

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

XML/HTML コードコンテンツをクリップボードにコピー

p>ここにいくつかの内容がありますp>

br /> br />

p>これは他のコンテンツですp>

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

タグが

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

または

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

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

HTML、CSS、およびJavaScript：例と実用的なアプリケーションMay 09, 2025 am 12:01 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造の構築に使用されます。 2。CSSは、Webページの外観を美化するために使用されます。 3. JavaScriptは、動的な相互作用を実現するために使用されます。タグ、スタイル、スクリプトを通じて、これら3つは最新のWebページのコア関数を構築します。

Lang属性をタグにどのように設定しますか？なぜこれが重要なのですか？May 08, 2025 am 12:03 AM

タグのLang属性を設定することは、WebアクセシビリティとSEOを最適化する重要なステップです。 1）ラング属性をタグに設定します。 2）多言語コンテンツでは、ようなさまざまな言語パーツのLang属性を設定します。 3）「EN」、「FR」、「ZH」などのISO639-1標準に準拠する言語コードを使用します。Lang属性を正しく設定すると、Webページと検索エンジンランキングのアクセシビリティが向上します。

HTML属性の目的は何ですか？May 07, 2025 am 12:01 AM

htmlattributeSareSientionalentionalentionalentionalentiallyance'functionalityandappearance.theyaddinformationtodefinebehavior、light、and interaction、makewebsitesteractive、responsive、andviseallyappaleal.attributeslikesrc、href、class、型、およびdoadabledransform

HTMLでリストを作成するにはどうすればよいですか？May 06, 2025 am 12:01 AM

toreatealistinhtml、useforunorderedlistsandfororderedlists：1）forunorderedlists、wrapitemsinanduseforeachitem、renderingasabulletedlist.2）

HTMLアクション：Webサイト構造の例May 05, 2025 am 12:03 AM

HTMLは、明確な構造のWebサイトを構築するために使用されます。 1）Webサイト構造などのタグを使用し、定義します。 2）例は、ブログとeコマースのウェブサイトの構造を示しています。 3）誤ったラベルネスティングなどの一般的な間違いを避けてください。 4）HTTP要求を削減し、セマンティックタグを使用してパフォーマンスを最適化します。

HTMLページに画像を挿入するにはどうすればよいですか？May 04, 2025 am 12:02 AM

to inertanimageintoanhtmlpage、usethetagwithsrcandaltattributes.1）usealttextforaccessibilityandseo.2）emplencesrcsetForresponsiveimages.3）applylazyloadingwithloading = "lazy" tooptimizeperformance.4）

HTMLの目的：Webブラウザがコンテンツを表示できるようにするMay 03, 2025 am 12:03 AM

HTMLの中心的な目的は、ブラウザがWebコンテンツを理解して表示できるようにすることです。 1。HTMLは、タグなどのタグを介してWebページの構造とコンテンツを定義します。 3.HTMLは、ユーザーの相互作用をサポートするフォーム要素を提供します。 4. HTMLコードの最適化は、HTTP要求の削減やHTMLの圧縮など、Webページのパフォーマンスを改善できます。

Web開発にとってHTMLタグが重要なのはなぜですか？May 02, 2025 am 12:03 AM

htmltagsareSterenceforwebdevelovementasyStheStructureanhandhancewebpages.1）theydefineLayout、semantics、and-interactivity.2）semanticagsimprovecessibility.3）opeusofusofagscanoptimizeperformanceandensurecross-brows-compativeation。

See all articles

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。