太字に出来るタグ<B>を使って
リンクのテキストを太字にしたいのですが、
下のようにリンクタグの前に<B>を置くのでしょうか?
<B><a href="アドレス">テキスト</a></B>
それとも、リンクタグのテキストの中に<B>を入れるのでしょか?
<a href="アドレス"><B>テキスト</B></a>
色々なHPのソースをみても上の2通りの書き方で
リンクのテキストを太字にしています。
どちらもきちんとリンクのテキストが太字になるのですが、
どちらが、正式な書き方なんでしょうか?
回答よろしくお願いします。
No.4ベストアンサー
- 回答日時:
>#1
質問に対する回答になっていません。
現在最新の勧告である XHTML 1.1 でも b 要素は定義されています。
>#2
#1に対する指摘であることを明示した方が賢明です。
>#0
#3 を補足すると、
<b><a href="$URI">テキスト</a></b>
と書いた場合、a要素に対して font-weight が指定されると b 要素の存在意義がなくなってしまいます。
b 要素がいわゆる論理要素でないことは考慮すべきですが、
『“テキスト”を太字にしたい』というのであれば、この場合は b 要素を a 要素の内容にすべきです。
つまり、<a href="$URI"><b>テキスト</b></a>と記述すべきです。
また、いわゆる物理要素の入れ子関係について、
例えば太字で斜体にしたい場合は、<b><i>テキスト</i></b>でも、その逆でも同じです。
この場合、i 要素に対して font-weight を操作することは不自然ですので。
※深く考えるのであれば、『“斜体文字”を太字にする』のか『“太字”を斜体にする』のかの違いです。
a 要素と b 要素で考えた場合、
『“リンクテキスト”を太字にする』
『“太字”をリンクテキストにする』
では、明らかに前者です。
ただし、
> どちらが、正式な書き方なんでしょうか?
どちらも正式です。
HTMLの妥当性にも反しませんし、適合性にも反しません。
本当に深く考えた場合に、上記のような考察が生じます。
# なお、XHTMLでなくHTMLであっても、要素名は小文字で書くことを個人的に推奨します。
No.3
- 回答日時:
> <B><a href="アドレス">テキスト</a></B>
> <a href="アドレス"><B>テキスト</B></a>
どちらで書いても問題ありません。
a要素・b要素共にインライン要素を含めることができます。
(a要素・b要素共にインライン要素)
b要素は非推奨ではなく、スタイルシートで行うことを推奨しています。
http://www.asahi-net.or.jp/~SD5A-UCD/rec-html401 …
どちらを使うかは自身の判断で行ってください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- HTML・CSS HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの? 1 2022/12/03 21:00
- Excel(エクセル) テキストの背後にあるオブジェクトとは 3 2023/01/03 20:22
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- Outlook(アウトルック) 【 Windows 10 】アドレス帳に正しくインポートを完了させたい。 3 2023/04/23 13:41
- Evernote Evernote(エバーノート)の文字化け 1 2022/04/05 19:30
- Excel(エクセル) Excelで数式をそのままコピーしたい どうすればいいですか? 4 2022/09/16 02:16
- 音楽・動画 キャップカットで「フレーム内のテキストをキープするように勧める」を消す方法ありますか? 文字の位置を 1 2023/05/26 16:37
- Word(ワード) Wordでふりがなつきの文字を、ふりがなを外してペーストしたい 4 2022/05/09 08:53
- PHP phpでアクセスカウンターの数値の割合でリンク先を変更したい 1 2022/09/16 11:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1から100までの自然数のうち、2...
-
超音波で洗脳。
-
CSSのセレクタに指定するbodyと...
-
smallにtext-allignが効かない
-
「諸要素」とはどういう意味で...
-
【ヒトの神秘】美男美女から何...
-
aの中にspan
-
リンク付き画像を右よりに表示...
-
aタグ 中央寄せ
-
cssで好きな位置に好きなボック...
-
<div>でレイアウトすると上下に...
-
html5で右揃え、方法は?
-
初歩的な質問です。<div>のwidt...
-
あるタグが反応しません...
-
HTMLで <p>~</p>内で2回以...
-
border: noneでボタンの境界線...
-
<object>
-
<br />と<br>は同じ意味ですか?
-
Bootstrap レスポンシブ textarea
-
imgタグをそのまま使うことは正...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
超音波で洗脳。
-
質問1.
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
NからZへの全単射を具体的に構...
-
角丸画像の背景色を透明にした...
-
タグは大文字と小文字どちらが...
-
改行ほどは行かないけど、若干...
-
2個のFormを横並びにしたい
-
「諸要素」とはどういう意味で...
-
input type="hidden"で取得した...
-
CSS:overflow要素の印刷について
-
textareaの幅を画面と合わせたい
-
親要素・子要素
-
テキストボックスの中にリンク...
-
emとstrongの反対
-
cssのdisplay:block
-
border: noneでボタンの境界線...
-
tdに対してmin-heightの定義、...
おすすめ情報