HTML标记问题

因此，随着我做越来越多的web开发，我花了很多时间查看其他人页面上的标记。有一件事我一直在折腾，就是使用锚和div

所以我有一些这样的标记

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

我的javascript如下所示：

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;
}

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

我看到许多页面使用div进行第一步，并使用javascript通过一个隐藏字段设置windows位置。当我将锚的样式设置为“阻止”时，这是正确的还是正确的

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

---

感谢

通常，锚定用于将浏览器窗口跳转到页面的特定部分，如下所示：

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

锚定标签有一个明确的目标，因此应该使用一个

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

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

电子邮件

---

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

s，因为锚定并不合适。

足够好了。如果谷歌做到了，那么它一定是正确的，对吗？；）表格布局，FTW！这里有一些东西给你看：谢谢。那篇文章的评论很好。正如你可能看到的那样，该网站有很多好文章；）