小编JAT*_*T86的帖子

当我尝试验证我的页面时,我收到警告http://validator.w3.org:

科缺乏标题.考虑使用h2-h6元素为所有部分添加标识标题.

我的代码如下:

<section id="slider-wrapper-new">
    <div class="slider-container-new">
        // some code..
    </div>
</section>

如何删除此错误？我是否必须在标题内添加h1- h6标签？

我有一个在元素中<svg>使用图像的元素。它适用于 Chrome 和 Opera，但在 Firefox 中，没有显示任何内容，因此我尝试添加另一个包含 png 的元素。现在它可以在 Firefox 中运行，但在 Chrome DevTools 中检查后，两个图像都已加载，如请求数量所示。.webp<image><image>

如何仅强制 1 个请求（加载 1 个图像），同时为当前不支持 webp 的浏览器在 svg 元素内提供 webp 图像的后备？代码是：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 500">
  <image xlink:href="image.webp" width="500" height="500"/>
  <image xlink:href="image.png" width="500" height="500"/>
</svg>

在Leaflet中，我试图创建一个函数来恢复包含坐标的图层的初始位置和缩放级别。下面的代码

function refresh() {
    map.fitBounds(coordLayer.getBounds();
}

使标记居中，但放大到我设置的 maxZoom：

var map = L.map('map').setView([lat, lon], 6);

L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' {
    maxZoom: 13,
    minZoom: 2,
    attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
}).addTo(map);

页面刷新时的默认缩放级别为 6，但我不知道如何创建一个将标记居中于缩放级别 6 的函数。

我有一个简单的搜索表单，我希望在单击按钮时将其重定向到 Google 搜索页面以搜索输入。下面的代码有效：

<form role='search' method='get' action='http://www.google.com/search'>
  <input type='search' name='q' />
  <button type='search' value='search'>Search</button>
</form>

但是，我只想搜索特定网站。我尝试修改 name='q'下面的代码以仅在 w3schools 内搜索（添加site:w3schools.com），但特定于站点的搜索不起作用：

<input type='search' name='q=site%3Aw3schools.com' />

如何解决这个问题？

我有链接指向页面中的部分.为了提高可访问性,我已将属性添加role="button"到这些中,因为我的理解是这些链接在页面内,只是转到一个部分.但我不确定这样做是否合适.

<ul>
  <li><a role="button" href='#section1'>Go to section 1</a></li>
  <li><a role="button" href='#section2'>Go to section 2</a></li>
</ul>

<div style="height:15rem"></div>

<h2 id='section1'>Section 1</h2>

<div style="height:15rem"></div>

<h2 id='section2'>Section 2</h2>