-2

ウェブサイトのホームページのプレビュー

私の最初の問題は、リンクがli bでは機能しないことです

これは何か無理ですか？

navbuttons を下に移動して、ロゴに合わせたいと思います。また、すべてのnavbuttonのロゴimgを変更したい（imgを参照）

<ul>

  <li><a href="home"><img src='images/logo1.jpg' width='550 height='400' onmouseover="this.src='images/logo.jpg';" onmouseout="this.src='images/logo1.jpg';" /></a></li>
  <li><b href="music"><img src='images/m.jpg'/></b></li>
  <li><b href="news"><img src='images/j.jpg'/></b></li>
  <li><b href="contact"><img src="images/s.jpg"/></b></li>
  <li><b href="about"><img src="images/g.jpg"/></b></li>
  <li><b href="contact"><img src="images/p.jpg"/></b></li>
  <li><b href="about"><img src="images/c.jpg"/></b></li>
</ul>


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;}
li {
    float: left;}

li a {
    display: block;
    padding: 0px 0px;
    text-decoration: none;}

li b {
    display: block;
    padding: 280px 0px 0px 0px ;
    text-decoration: none;}

li b:hover{

私はまだ本当に初心者ですが、誰かが助けてくれることを願っています

4

2 に答える 2

2

hrefいわゆる「属性」です。要素 (<a>や など<b>) は独自の属性を定義してサポートするため、ある要素で「機能する」属性を使用して別の要素で使用することはできません。とはいえ、 のような一部の属性は、classほぼ普遍的にサポートされています (つまり、ほとんどすべての要素でサポートされています)。

あなたの質問に対する短い答えは「いいえ」です...要素は属性<b>をサポートしていません。href

ただし、次のように、ほとんどの要素をタグでラップ<a>してリンクにすることができます。

<a href="http://www.google.com"><b>Go To Google</b></a>

hrefリンクを実際に機能させるには、属性が URL または URI でなければならないことに注意してください。homeは URL ではないため、リンクは期待どおりに機能しません。MDN の「URL とは?」を参照してください。詳細については。

今後の参考のために、MDN の HTML 要素リファレンスを確認してください。そこには、要素とそれらがサポートする属性の完全なリストがあります。

于 2016-08-22T14:26:16.913 に答える
0

いいえ、b で href を使用することはできません。

mdn リファレンスによると: https://developer.mozilla.org/en/docs/Web/HTML/Element/b

ここに記載されている標準属性のみを示します: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes

すべての b タグを a に変換することをお勧めします。b のようにスタイルを設定したい場合は、css を使用して行うことができます。

設計目的に適した html 要素を使用することがベスト プラクティスです。

セマンティック HTML を使用する利点は何ですか? を参照してください。

于 2016-08-22T14:28:53.077 に答える