Question

我试图在关闭我的标签之前嵌套一个div，在一个水龙头周围做一个按钮来调用tel：link：

                                        <a href=”tel:+18888888888">
                                            <div>
                                                <table>
                                                    <tbody>
                                                        <tr>
                                                            <td rowspan="2"><img id="phone" src="/phoneimg.png" alt="xx"></td>
                                                            <td rowspan="2">Tap To Call NOW!&#9;888.888.8888</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </a>

当我将html文件上传到我的主机时，点击按钮时出现404错误。

当我删除div时，结束标记就在a href =“tel：+ 18888888888＆＃34;标记（即它在结束标记之前没有div容器的语法正确）它可以工作但只是一个未修饰的链接。

有什么办法吗？

谢谢。

Answer 1

正如dfionov所说，你不能在内联元素中包含块元素。然而，锚点（<a>）是HTML5中规则的例外，explained in another answer。

我还想提一下，对于你的用例，应该避免使用表格。它们用于显示不对齐图像的表格数据。

使用CSS有很多方法可以做到这一点，我建议使用inline-block因为它适用于所有现代浏览器，并且比许多替代方案更容易理解。

<a href="tel:+18888888888">
    <img id="phone" src="/phoneimg.png" alt="xx">
    <span>Tap To Call NOW!&#9;888.888.8888</span>
</a>

Answer 2

更正后的代码：

<div>
    <table>
        <tbody>
            <tr>
                <td rowspan="2"><a href="tel:+18888888888"><img id="phone" src="/phoneimg.png" alt="xx"></a></td>
                <td rowspan="2"><a href="tel:+18888888888">Tap To Call NOW!&#9;888.888.8888</a></td>
            </tr>
        </tbody>
    </table>
</div>

嵌套Div来制作按钮电话：链接？

2 个答案: