Skip to main content

P&BRタグで改行と段落を作成する

H1 タグとは (六月 2026)

H1 タグとは (六月 2026)
Anonim

HTMLを学ぶことに関して、ほとんどの人が早く学ぶ2つのタグは段落と改行のタグです

そして
それぞれ、これらのタグは、Webページの内容を読みやすくするために、テキストに自然な中断を付けます。これらのタグは使いやすいものの、混乱や誤用を招くこともあります。

HTML段落要素の正しい使用

段落要素

タグとのペアとして使用されます

要素を開くタグと

タグを閉じます。 HTML4またはHTML5を記述する場合、技術的には終了タグは必要ありませんが、このタグを閉じることをおすすめします。 XHTMLでは、

必要とされている。

あなたは、新しいアイデアやポイントを始めるときに、ウェブ以外のニーズのためにコンテンツを書くときと同じように、ウェブサイト上の段落要素を使用します。ほとんどのブラウザでは、段落に空白行が1つずつ表示されます。 HTMLのサンプル段落は次のとおりです。

今、すべての善良な人がその国の援助を受ける時です。クイックブラウンキツネは怠け者の眠っている犬に飛び乗った。

開始タグと終了タグの間には、他の多くのタグが表示されます。

HTML改行要素の正しい使用

改行要素
タグはシングルトンタグであり、終了タグはありません。 XHTMLでは、タグを最後のスラッシュ(
)が、HTML(HTML5を含む)では必須ではありません。

break要素は、Webページのテキストフロー内の強制改行です。次の行にテキストを続けるが、内容は別のアイデアやポイントではなく、別の段落にする場合に使用します。この例は、改行が通常固定されている詩で発生します。

段落内の改行の例を次に示します。

今、すべての善良な人がその国の援助を受ける時です。
クイックブラウンキツネは怠け者の眠っている犬に飛び乗った。

改行タグはシングルトンタグなので、他のタグは使用できません。

一般的な

そして
タグ

コーディングに新しい人は、Webページをマークアップするときに段落と改行の要素でよくある間違いをします。

  • 使用
    テキスト行の長さを変更する
    :テキストを特定の方法で表示または中断させるために改行タグを使用すると、ページがブラウザ上で見栄えがよくなりますが、必ずしも別のブラウザや必ずしもすべてのデバイスに表示されるとは限りません。あなたのサイトがレスポンシブウェブサイトである場合、異なる画面サイズに基づいてレイアウトを変更します。ブラウザは自動的に単語の折り返しを入れ、その後は
    タグを使用すると、テキストが再度折り返されて、短い行と長い行と文字が途切れたテキストになります。特定のHTML要素を追加してレイアウトを強制するのではなく、CSSスタイルシートを使用してビジュアルスタイルを指示する必要があります。
  • 使用要素間にスペースを追加する:CSSを使用する代わりに、視覚的なレイアウト(この場合はスペーシング)を作成するためにHTMLに変わりつつあります。これは、一部のHTMLエディタの一般的な方法ですが、技術的に間違っているわけではありませんが、HTMLが厄介なものになり、後で編集するのが混乱する可能性があります。また、Web標準や構造とスタイルの分離にも合致していません。場合によっては、空白の段落タグ内で改行しないスペースを使用すると、異なるブラウザで予期しない間隔が生じる可能性があります。デザインに必要なスペーシング要素を実現するための最良のソリューションは、スタイルシートを使用することです。

このHTMLタグリストのこれらのタグと他のタグの詳細については、こちらをご覧ください。