html - What is the meaning of a div container for a single element?

Question

I often see things like :

<div id='side_logo'>
    <a class="logo" href="index.html">
         <img src="img/logo.png">
    </a>
</div>

What are the advantage to use the above markup instead of just :

<a id='side_logo' class="logo" href="index.html">
        <img src="img/logo.png">
</a>

Answer 1

它可以更好地控制样式。例如，如果您希望示例中的徽标位于大于徽标图像的彩色框内，但您只希望徽标本身成为可点击的锚点。

Answer 2

我经常使用包装 div 的一个原因是它可以更好地与其他块元素混合。作为一项规则，我不喜欢inline元素与元素对接block。您可以将 设置a为display: block，但我发现这在某些浏览器中有些不可靠（a在每次页面加载时，诸如页边距之类的东西都不能可靠地工作）。

Answer 3

在您选择的实际示例中， < div> 将 < a> 从 aninline element变为 a block element，它具有不同的属性。

Answer 4

如果你在 body 的第一层混合了链接、列表、span、图像和表格，那么默认 css 属性的多样性就会使事情变得混乱。