-2

网站首页预览

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

这是不可能的事吗？

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

不，您不能将 href 与 b 一起使用。

根据 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 回答