HTML 标记问题

Question

因此，当我进行越来越多的网络开发时，我花了很多时间查看其他人页面上的标记。我一直在折腾的一件事是使用锚点与 div。 这是一个示例。

所以我有一些像这样的标记

<ul>
    <li>
        <div>
            <input type="hidden" value="#"/>
            div
        </div>
    </li>
    <li>
        <a href="#">anchor</a>
    </li>
</ul>

在第一个实例中，我有一个带有 a 的 div隐藏字段，可能包含要访问的 url 或要在 javascript 中使用的值。下一种方法是相同的，只是我使用锚点。

我的 css 看起来像这样：

li {
    text-align:center;
    padding-bottom:5px;
}
div, a {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:2px 5px;
}
div {
    background: #aaa;
    color:#fff;
}
div:hover {
    cursor:pointer;
}
a{
    background: #777;
    display:block;
    text-decoration:none;
    color:#fff;
}

我的 javascript 看起来像这样：

$(function() {
    $('div, a').click(function(e) {
        e.preventDefault();
        alert('clicked');
    });
});

我见过很多页面都使用 div 进行第一条路线，并使用 javascript 通过隐藏字段设置窗口位置。当我将锚点的样式设置为阻止时，这是正确的还是我正确的？

另外，在另一个半相关的说明中，我没有将图像嵌套在锚点内来创建图像链接，而是开始采取不同的方法。我将锚点设置为块，设置宽度和高度，然后设置背景图像。这种方法在所有浏览器中都正确且安全吗？

谢谢

Answer 1

一般来说，锚点用于将浏览器窗口跳转到页面的特定部分，如下所示：

http://www.example.com/#article-comments

锚点标签有明确的目标，因此应该使用它。

另一方面，如果您有一个邮件按钮：

<div id="mail">Email</div>

您不会浏览到 URL 并期望该按钮自动触发（可能会，但不应该是您期望发生的事情）。 Gmail 界面中的大多数按钮和链接实际上都是

，因为锚点并不合适。