Question

我的第一个问题是该链接不适用于li b

这是不可能的事情吗？

我想将导航按钮向下移动以与徽标对齐。另外，我想为每个导航按钮更改徽标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{

希望有人可以提供帮助，不过我仍然很高兴

Answer 1

href就是所谓的“属性”。元素（如<a>和<b>）定义并支持它们自己的属性，因此您不能只使用一个“与某个元素一起工作”并在另一个元素上使用它的属性。也就是说，某些属性，如class，几乎具有普遍支持（意味着几乎所有元素都支持它们）。

对您的问题的简短回答是“否”...... <b>元素不支持href属性。

但是，您可以将<a>标记中的大多数元素包装成链接，如下所示：

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

请注意，如果您希望链接实际有效，则href属性必须是URL或URI。 home不是网址，因此链接无法按预期运行。有关详细信息，请参阅MDN的"What is a URL?"。

为了将来参考，请查看MDN's HTML element reference。在那里，您将找到完整的元素列表及其支持的属性。

Answer 2

不，你不能在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标签转换为。如果你想把它们看起来像b，你可以使用css。

使用正确的html元素用于设计目的是最佳做法。

请参阅What are the benefits of using semantic HTML?

我可以在li b上使用Href吗？

2 个答案: