太字に出来るタグ<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を探す
おすすめ情報
- ・「みんな教えて! 選手権!!」開催のお知らせ
- ・漫画をレンタルでお得に読める!
- ・「黒歴史」教えて下さい
- ・2024年においていきたいもの
- ・我が家のお雑煮スタイル、教えて下さい
- ・店員も客も斜め上を行くデパートの福袋
- ・食べられるかと思ったけど…ダメでした
- ・【大喜利】【投稿~12/28】こんなおせち料理は嫌だ
- ・前回の年越しの瞬間、何してた?
- ・【お題】マッチョ習字
- ・モテ期を経験した方いらっしゃいますか?
- ・一番最初にネットにつないだのはいつ?
- ・好きな人を振り向かせるためにしたこと
- ・【選手権お題その2】この漫画の2コマ目を考えてください
- ・2024年に成し遂げたこと
- ・3分あったら何をしますか?
- ・何歳が一番楽しかった?
- ・治せない「クセ」を教えてください
- ・【大喜利】【投稿~12/17】 ありそうだけど絶対に無いことわざ
- ・【選手権お題その1】これってもしかして自分だけかもしれないな…と思うあるあるを教えてください
- ・集合写真、どこに映る?
- ・自分の通っていた小学校のあるある
- ・フォントについて教えてください!
- ・これが怖いの自分だけ?というものありますか?
- ・スマホに会話を聞かれているな!?と思ったことありますか?
- ・それもChatGPT!?と驚いた使用方法を教えてください
- ・見学に行くとしたら【天国】と【地獄】どっち?
- ・これまでで一番「情けなかったとき」はいつですか?
- ・この人頭いいなと思ったエピソード
- ・あなたの「必」の書き順を教えてください
- ・10代と話して驚いたこと
- ・14歳の自分に衝撃の事実を告げてください
- ・人生最悪の忘れ物
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
H1タグを画像にしたい
-
「にはとって代わることのでき...
-
改行ほどは行かないけど、若干...
-
【ヒトの神秘】美男美女から何...
-
HTMLページ上でiframeを最前面...
-
html タグの閉じスラッシュ前の...
-
角丸画像の背景色を透明にした...
-
border: noneでボタンの境界線...
-
smallにtext-allignが効かない
-
質問1.
-
aの中にspan
-
含む含まないという概念自体の...
-
下線と文字の間を調整するには...
-
HTML の繰返し法???
-
CSSのセレクタに指定するbodyと...
-
マージソートの計算量について-...
-
CSSで改行後の行間調整
-
<div align="center">を使わず...
-
htmlの文字が縦書きになる
-
個別にリンクの色を変える方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
含む含まないという概念自体の...
-
角丸画像の背景色を透明にした...
-
smallにtext-allignが効かない
-
マージソートの計算量について-...
-
改行ほどは行かないけど、若干...
-
質問1.
-
テキストボックスの中にリンク...
-
input type="hidden"で取得した...
-
aの中にspan
-
html タグの閉じスラッシュ前の...
-
CSSで改行後の行間調整
-
HTMLページ上でiframeを最前面...
-
HTMLでTextareaを横に2つ並べ...
-
初歩的な質問です。<div>のwidt...
-
スタイルシートで文字色を指定...
-
textareaの幅を画面と合わせたい
-
CSSのa:hoverが急に一部だけ効...
-
NからZへの全単射を具体的に構...
-
アコーディオンメニューの二階...
おすすめ情報