Question

因此，当我进行越来越多的Web开发时，我花了很多时间在其他人的页面上查看标记。我一直在折腾的一件事是使用锚点与div。 Here is an example.

所以我有一些这样的标记

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

在第一个实例中，我有一个带有隐藏字段的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界面中的大多数按钮和链接实际上都是<div>，因为锚点不合适。

HTML标记问题

1 个答案: