Html 不使用'；不需要非语义元素

我使用了一些CSS框架，比如Bootstrap，来快速构建看起来不错的网站。遗憾的是，他们都要求我在HTML中添加额外的标记，以使事情正常进行

除了将所有额外的类和元素放入我的标记中之外，还有其他遵循不同理念的CSS框架吗？

您可以尝试一下。名字里有“语义”这个词

这是他们头版的一个例子

<nav class="ui menu">
  <h3 class="header item">Title</h3>
  <a class="active item">Home</a>
  <a class="item">Link</a>
  <a class="item">Link</a>
  <span class="right floated text item">
    Signed in as <a href="#">user</a>
  </span>
</nav>

标题

实际上，您可以将引导与CSS预处理器（如或）一起使用，以保持干净、轻巧的HTML标记

如果你不知道这些工具，它们绝对值得一看。使用它们，您可以使用变量和mixin构建样式表，如下所示（Sass语法）：

编译为CSS时，前面的块代码将呈现：

html {
    background-color: rgba(21, 34, 64);
}

nav a {
    border: 1px solid black;
    padding: 5px;
}

---

当框架，如Bootstrap或（也是一个不错的框架）提供较少的和Sass文件时，您可以在样式表中包含大部分框架逻辑，而不是将类添加到HTML中。

您想做什么，而不是将类添加到标记中？我想使用我自己的类和元素，并在CSS中设置其余部分，就像我在没有框架的情况下开发一样。这样的东西可能只有在SASS的帮助下才有可能实现，或者我认为LESSEMANTIC不适用于类。我可能错了，但有些元素对语义是中立的，尽管我们的目标应该是纯语义html…因为你的最后一句话，我假设你不想使用更少或sass。但这将是实现这一目标的唯一好办法。Bootstrap是用较少的语言编写的，可以用作mixin源代码。（什么效果好）我认为@patricksweeney有一些道理。你不能说引导不是语义的。把它说成是解决这个问题的更好方法。这看起来好多了，谢谢。我还发现了一个带有解释的链接：从未使用过Bootstrap，但您的链接似乎确实是一个开始使用Bootstrap和Less的好地方。omg感谢您的语义ui链接。真漂亮！比bootstrap好看得多。

html {
    background-color: rgba(21, 34, 64);
}

nav a {
    border: 1px solid black;
    padding: 5px;
}