Question

使用validator.w3向我显示下一个错误：

错误：元素h3不能作为address元素的后代出现。

还有另一个错误：

错误：frameborder元素上的iframe属性已过时。改用CSS。

因此，我的问题是：如何替换h3标记内的address？使用哪个标签？然后，如何解决“ iframe错误”？

代码是：

<section id="Contacto">
    <div>
        <h2 class="concon">Contacto</h2>
        <div class="grupo-columnas centrar-columnas">
            <div class="columna">
                <address>
                    <h3>Mail</h3>
                    <a href="mailto:info@hyperx.com.ar" class="edit">info@hyperx.com.ar</a>
                    <h3>Llamanos</h3>
                    <a href="tel:540111122669288" class="edit">+54 011 2266-9288</a>
                    <h3>Ubicación</h3>
                    <p>Galería Jardín, Florida 537, Local 403, 1049 Buenos Aires</p>
                </address>
                <iframe id="mapa" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5523.179529963751!2d-58.37788072464045!3d-34.6015771771587!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bccb43fa34ea69%3A0x9a4a3f10bd59e3e!2sFullh4rd!5e0!3m2!1ses-419!2sar!4v1591886402346!5m2!1ses-419!2sar" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
            </div>
        </div>
    </div>
</section>

Answer 1

错误：元素h3不能作为address元素的后代出现。

使用text element，例如<em>，<span>或<p>。将任何所需的样式应用于该元素以获得所需的结果

错误：iframe元素上的frameborder属性已过时。改用CSS。

从frameborder="0"中删除<iframe>，并应用一些CSS获得相同的结果：iframe { border: none }。

显然，这已经在StackOverflow上得到了解答："The frameborder attribute on the iframe element is obsolete. Use CSS instead."

替换hx（h1，h2，h3等）

1 个答案: