0

我一直在试图弄清楚标准方法是什么，或者什么可以被认为是“良好的 Web 开发标准”，但是网站通常如何实现他们的横幅？

例如，我知道您可以使用 CSS 为其创建背景，并将图像和文本放置在 CSS 背景之上以创建横幅，但假设您想要放置一个周围有空白区域的徽标。您将如何摆脱空白以匹配背景 CSS？这是否需要额外的软件，还是人们通常使用 CSS hack 来解决这个问题？

或者对于另一种方法，您可以使用 Photoshop 设计整个横幅并调整图像大小，使其与网站的标题相匹配。

通过横幅，我的意思是网站顶部的导航栏，例如 http://www.springsource.org/

Web 开发人员使用什么方法，为什么？

4

1 回答 1

1

这是一个太笼统的问题，无法得到一个好的、全面的答案，但我要做的是首先考虑标记，而不是关注网站的外观。（请注意，您链接到的网站根本不遵循这种方法）。

HTML

<h1 class="title">Spring Source Community</h1>
<ul class="navigation">
  <li><a href="/features">Features</a></li>
  <li><a href="/get_started">Get Started</a></li>
  <li><a href="/get_involved">Get Involved</a></li>
  <li><a href="/news">News & Events</a></li>
  <li><a href="/subscribe">Subscribe</a></li>
</ul>

这为您提供了一个非常简单的标题，然后是链接的项目符号列表。虽然这可能与您在页面上看到的外观不一样，但实际上它包含相同的内容并且功能相同。它也很容易被搜索引擎和屏幕阅读器理解。

然后，您将使用图像替换技术将文本与图片交换。

于 2012-12-18T20:59:10.940 回答