ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLで折り返さないタグとは何ですか?

HTMLで折り返さないタグとは何ですか?

PHPz
PHPzオリジナル
2023-04-23 10:21:265214ブラウズ

HTML は Web ページ作成に使用されるマークアップ言語で、さまざまなタグや属性をサポートし、さまざまなスタイルや効果の表現を実現できます。 HTML では、テキストの組版やレイアウトなどの操作に特別なタグを使用する必要があることがよくあります。中でも改行なしのタグはよく使われるタグなので、この記事では詳しく紹介していきます。

HTML でラップされないタグには、主に次のようなものがあります: <br><wbr><nobr> は、それぞれ強制改行、強制改行ではない行折り返し、自動行折り返し禁止を示すために使用されます。以下では、これらのタグの使い方や注意点を一つずつ紹介していきます。

  1. <br>タグ

<br>タグを使用すると、テキストを新しい行に表示できますここでは、タグを閉じる必要はなく、<br> と記述するだけです。例:

<p>这是第一行<br>这是第二行</p>

上記のコードは、「これは 1 行目です」と「これは 2 行目です」の間に改行文字を挿入します。

  1. <wbr>タグ

<wbr>タグは、行を折り返すことができることを示すために使用できます。単語内ポイント、つまり、指定された単語内の特定の位置で自動的に折り返すことができますが、改行は強制されません。タグを閉じる必要もありません。<wbr> と記述するだけです。例:

<p>这是一个非常长的单词:超级长单词<wbr>(这个位置可以自动折行)</p>

上記のコードは、「超長い単語」のどこかにブレーカブル ポイントを挿入します。

<wbr> タグは、テキストが長すぎて折り返す必要がある場合にのみ有効であることに注意してください。テキスト自体を現在の行に完全に表示できる場合は、このタグは機能しません。

  1. <nobr> タグ

<nobr> タグを使用すると、テキストの折り返しを無効にすることができます。 text 1行で表示しきれない長さの場合、タグで指定した部分は強制的に次の行に折り返されません。タグはテキストを含む要素内で使用し、閉じる必要があります。例:

<p><nobr>这是一个非常非常长的文本,虽然超过了一行的宽度,但是却不会被自动强制折行。</nobr></p>

上記のコードは、「これは非常に長いテキストです。1 行の幅を超えていますが、自動的に強制的に折り返されることはありません。」というテキストを非に設定します。最初から最後まで自動ジップライン。

<nobr> タグは HTML5 では廃止されており、推奨されないことに注意してください。スタイル シートで white-space: nowrap; を使用すると、自動行折り返しを無効にする効果を得ることができます。

上で紹介した 3 つのタグに加えて、CSS スタイル シートには、テキストの改行および行折り返し効果を制御するために使用できる他の一連のスタイルがあります。例:

  • word-break: 単語の改行方法を制御するために使用されます;
  • line-break: 単語の改行方法を制御するために使用されますインライン要素 行折り返しメソッド;
  • white-space: 空白文字の表示と処理を制御するために使用されます。

つまり、HTML では、これらの非分割タグとスタイル シートの使用をマスターすると、Web ページ テキストの組版とレイアウトをより適切に制御できるようになります。

以上がHTMLで折り返さないタグとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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