页面底部隐藏友情链接1万条怎么做到，写出html,让前端看不到

这种做法并不推荐，因为它可能违反搜索引擎优化的规则，而且不利于用户体验。但是如果你非要这么做，可以使用以下HTML代码：

<div style="position: absolute; left: -10000px;">
    <ul>
        <li><a href="#">友情链接1</a></li>
        <li><a href="#">友情链接2</a></li>
        <li><a href="#">友情链接3</a></li>
        <!-- 其他链接... -->
    </ul>
</div>

这段代码将链接列表放在一个绝对定位的`div`中，并将其左移10000个像素，这样前端页面就看不到了。但是搜索引擎爬虫仍然可以识别这些链接，所以不建议使用这种方法。

相关问题

页面底部隐藏友情链接1万条怎么做到，写出html

这个问题涉及到前端的知识，对于SEO来说也不是一个好的实践。如果你非要这么做，可以使用CSS的定位和显示隐藏属性来实现。

示例代码如下：

HTML部分：

<div class="hidden-links">
    <ul>
        <li><a href="#">友情链接1</a></li>
        <li><a href="#">友情链接2</a></li>
        <li><a href="#">友情链接3</a></li>
        ...
        <li><a href="#">友情链接10000</a></li>
    </ul>
</div>

CSS部分：

.hidden-links {
    position: fixed;
    bottom: -9999px;
    left: 0;
    right: 0;
}

.hidden-links ul {
    display: none;
}

这样，页面底部的友情链接就会被隐藏，但是搜索引擎爬虫可以读取到这些链接。如果需要显示这些链接，可以通过JavaScript来动态修改CSS属性。

用前端写一个网页底部友情链接

可以使用 HTML 和 CSS 来创建一个网页底部友情链接。以下是一个简单的示例：

HTML 代码：

<footer>
  <div class="container">
    <div class="links">
      <h3>友情链接</h3>
      <a href="#">Link 1</a>
      <a href="#">Link 2</a>
      <a href="#">Link 3</a>
      <a href="#">Link 4</a>
      <a href="#">Link 5</a>
    </div>
  </div>
</footer>

CSS 代码：

footer {
  background-color: #f9f9f9;
  padding: 20px 0;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

.links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.links h3 {
  margin: 0;
}

.links a {
  display: block;
  margin: 10px 0;
  color: #333;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease-in-out;
}

.links a:hover {
  color: #666;
}

这个示例创建了一个带有友情链接的底部栏，其中链接以灰色背景色和黑色文字显示。你可以通过修改 CSS 样式来更改链接的外观和排列方式，以适应你的网站设计。