文字列<wbr>文字列
要素名 | 属性名 | 説明 | 非推奨 | 必須属性 |
---|---|---|---|---|
wbr | 単語の区切り | 非推奨 | ||
class | クラス名 | |||
id | ID名 | |||
title | 補足情報 | |||
style | スタイルシート | |||
lang | 言語コード | |||
dir | 文字表記の方向 | |||
anguage | スクリプト言語の指定 |
wbr は Word BReak の略です。単語の区切りを指定します。<nobr> で改行が禁止されている場合でも、
<wbr> の個所は改行が禁止されません。禁止をしないだけで強制的に改行しないところが <br> と異なります。
改行するかしないかは、一行で表示出来ない場合には<wbr> の個所で改行され、一行で表示出来る場合は無視されます。
この要素は、<nobr>〜</nobr>の範囲内のみ有効です。
IE8,Firefox,Operaは、未対応、グーグルクロームのみ対応しているようです。
なお、wbr要素は、HTML4.01では非推奨です。
Sample
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>単語の区切り。</title>
</head>
<body>
<p><nobr>日光東照宮(にっこうとうしょうぐう)は栃木県日光市にある神社。<wbr> 江戸幕府初代将軍徳川家康を神格化した東照大権現を祀る。 日本全国の東照宮の総本社的存在である。正式名称は地名等を冠称しない「東照宮」であるが、他の東照宮との区別のために、 「日光東照宮」と呼ばれることが多い。</nobr></p>
</body>
</html>
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>単語の区切り。</title>
</head>
<body>
<p><nobr>日光東照宮(にっこうとうしょうぐう)は栃木県日光市にある神社。<wbr> 江戸幕府初代将軍徳川家康を神格化した東照大権現を祀る。 日本全国の東照宮の総本社的存在である。正式名称は地名等を冠称しない「東照宮」であるが、他の東照宮との区別のために、 「日光東照宮」と呼ばれることが多い。</nobr></p>
</body>
</html>
Internet Explorer8での表示例

グーグルクロームでの表示例
