html - 将内联元素声明为块是否有效？

Question

我将带有以下内容的样式表传递给 W3C 验证器，它通过了：

a {
  display: block;
}

所以要确定，使用内联元素作为块元素是有效的标记吗？我知道它会起作用，但它有效吗？

谢谢

score 5 · Accepted Answer

是的，这是完全有效的。而且也很有用。

一个小提示（因为上面的答案很短），这种将通常内联元素样式化为块元素的方法很常见。例如，当从列表创建水平导航菜单时，您经常会看到<a>样式化的元素display:block，以便链接能够占据父列表项的整个宽度和高度。

score 3 · Accepted Answer

是的，它是有效的，但您也可以inline-block在保留块属性的同时使用内联元素。

score 2 · Accepted Answer

是的，它是有效的。

如您所知，有些元素默认为内联或块状。但是在 CSS 中覆盖它是完全有效的。

score 1 · Accepted Answer

是的，它是有效的。但是，如果您真的不想这样做，可以a将div. 不过那是没用的，因为它是完全有效的；这就是该display属性存在的原因。

score 0 · Accepted Answer

样式表是有效的，因为它符合 CSS 规范。这是一个纯粹形式的事情。在 CSS 中，选择器a没有特殊含义，它只是一个标识符；CSS 没有关于aHTML 中含义的信息，例如作为内联元素，样式表实际上可以用来设置 XML 文档的样式，这a意味着完全不同的东西。

另一方面，HTML 有效性根本不依赖于 CSS。这是关于标记的正式事情，样式表不是标记。

它是否在其他非正式意义上“有效”（如“良好实践”或“有用”或“符合风格指南”）是一个不同的问题，是一个辩论问题而不是技术问题。display: block无论如何，在一个元素上设置它是一种常见的用法，a它可以像我们对块所做的那样设置它的尺寸（例如，让一个链接填充一个表格单元格）。

5 回答 5