【PR】 驚くほど視点が変わる「いたずらマーケティング」

ホームページは難しくない  ちょこっとHTML  Lesson2

<nobr> 〜 </nobr>
<wbr>

通常  ブラウザの表示は 画面におさまるように ウィンドウの幅にあわせて
テキストが 適当に改行されるようになっていますね

でも <nobr> 〜 </nobr> で 囲むと 改行されないように設定できます

このタグは Internet Explorer や NetScape には ちゃんと反映されますが
HTML4.01の仕様では 削除されているようです

それでは まず 下のリンクをクリックしてみてください
開いたブラウザの幅を変えて 改行されるテキスト されないテキストを
ちょっと確認してみましょう

→ クリック

HTMLソースはこのようになっています

<nobr>
このテキストは 画面の幅が変わっても改行されません お使いのブラウザの幅を
変えてみましょう テキストが画面の幅を変えても改行されていないのがわかりますね
</nobr>

でも これだとあまり使い道がないかもしれませんね

そこで
基本的には改行してほしくないんだけど ブラウザの幅によっては
ここだけ改行して欲しい という設定を <wbr> を使って指定することができます

それでは またまた 下のリンクをクリックしてみてください
こちらも ブラウザの大きさを変えて 確認してみましょう

→ クリック

HTMLソースは こんな感じです

<p>
<nobr>
このテキストは <wbr>
基本的には ブラウザの幅が変わっても<wbr>
改行されない設定になっていますが <wbr>
ブラウザの幅が変更されると <wbr>
指定された部分だけ<wbr>
改行されるように指定しています
</nobr>
</p>

 

 

ホームページは難しくない  ちょこっとHTML  Lesson2

当ホームページは リンクフリーです! 
Copyright (C) 2004. mamoho. All Rights Reserved.
掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます。