将样式应用于<form>元素是一种很好的做法吗？</form>

Question

将样式应用于<form>代码是：

a）一个好的做法，它减少了页面上元素的数量并使代码清晰

b）由于语义错误，使用其他元素，div用于样式，form用于表单

c）不要问愚蠢的问题，专注于实际工作！

Answer 1

d）以上都不是

如果让您的生活更轻松，请为表单添加样式。如果你这样做，它不会违背语义。

---

a - 减少元素数量不一定是好习惯。如果创建更多元素将使您的布局更具可读性/可理解性，那么请继续。

b - Div不适合样式，它们可以分割文档中的部分

c - 您应该担心语义。这不是一个愚蠢的问题。

Answer 2

a）是的。

b）否.Div是一个通用元素。它不是“风格”，而是“没有别的东西描述语义”。

Answer 3

A和C.检查好答案的简单方法是：编写代码并使用验证器进行验证。

Answer 4

由于语义与样式分离，因此将样式应用于表单不会产生语义后果。如果你愿意，可以直接前进并为表单设置样式，这对页面的语义没有任何影响。

Answer 5

根据我的个人经验，（a）尤为正确，因为：

• 您将减少页面的整体文件大小，没有任何明显的劣势（特别是如果您有多个表单并且经常遇到这种情况）。
• 如果您将来必须返回编辑此样式（有人可能与您有相同的问题），您将减少混淆的数量。
• 您将减少关于某些样式来自何处的模糊性（例如，此形式具有太大的上边距。这是来自<div>上的边距还是{{1}上的边距}？）
• 您将减少引入错误或跨浏览器怪癖的可能性，这些错误源于浏览器未在所有元素上实现相同的默认样式（在本例中为<form>元素）。

虽然我认为有人可能认为（b）理论上是一个“问题”（因此应该避免），但在实践中它永远不会成为“问题”。但正如您在上面所看到的，将其包装在<form>中肯定在实践中是个问题。