html - 最大 CSS 样式的自动 HTML 生成指南

Question

我想问一下您在自动生成 HTML 方面的经验以及编码人员应该考虑什么才能达到最大的样式化？请添加良好的指导方针并解释其原因。

我将从3点开始：

1. 您创建一个 div 或一个 td 或任何其他带有文本内容的东西。在其中放置一个跨度！

   <div><span>text content</span></div>
   

   代替

   <div>text content</div>
   

   原因：有时您必须对文本内容应用不同的样式。如果您只能通过周围的 div 间接访问它，那么有些事情是不可能的。

2. 将 BR 放在 div 后面！

   <div id="myId">foo bar</div><br>
   

   代替

   <div id="myId">foo bar</div>
   

   原因：假设您决定让一些 div 向左浮动，您需要在它们之后清除左侧。你现在可以这样做

   div#myId + br {
     clear: left;
   }
   

   如果你不需要 br，你可以简单地做：

   div#myId + br {
     display: none;
   }
   

   如果没有附加的 br，div 的浮动是一个真正的麻烦，你不能正确地对齐内容。

3. 这“应该”是显而易见的，但仍然：使用类和 ID，以便您可以正确访问 CSS 中的每个项目。

好的，这就是我发现的，现在轮到你扩展这个指南集合了 :-)

Answer 1

第 1 点：如果 DIV 和 SPAN 都没有类或 ID，那么它们同样难以设置样式。我也永远不会为了 CSS 而添加额外的标记。我不会建议这种特殊的方法。

第2点：同上。我鄙视在 HTML 中添加额外标记的系统。

第 3 点：是的。我绝对同意那个。当然，说起来容易做起来难。

我不确定您正在创建什么样的“自动生成系统”，但我们假设它是一个 CMS。因此，我建议以下内容：

1. CMS 不应该是一个设计管理系统。它应该管理内容。

2. CMS 不应真正创建任何 HTML（除了内容本身的语义标记，如段落、列表、块引用标签等）。HTML 应该由管理模板的人创建。应该有页面模板、部分模板和内容模板……都可以由开发人员编辑。

例如，Wordpress 在这方面做得很好。