html - 为什么在 html 中使用 style-attribute 不好？

Question

有人告诉我，也有人告诉我，在 html 中使用 style 属性被认为是糟糕的/草率的/糟糕的形式。此外，所有特定于渲染的位都应适本地拆分为 css 和其他部分。我试图理解为什么会这样。

我明白为什么您可能希望将 HTML 保留为纯语义 DOM，它讲述了文档的结构，但对于实际页面，重要的是页面看起来正确且功能适当。

这种分离是否有更令人信服的原因？

Answer 1

• 关注点分离 这使得无需更改标记即可轻松替换样式，反之亦然。另外，您可以让一个人处理 CSS，另一个人处理内容

• 不要重复自己 您可以将一种样式应用于许多元素，而不必一遍又一遍地重复。较小的页面意味着使用更少的带宽更快的加载时间。此外，以后修改起来更容易，因为您可以在一个文件的一个地方更改它，而不是在多个文件的许多地方更改它。

• 可缓存性 如果您网站的每个页面都使用相同的样式表，浏览器可以下载一次然后缓存它，而不是下载每个页面内容的样式.而且，只要这些页面的内容发生变化，他们就不必重新下载。

• 多个版本 创建网站视觉布局和外观的多个版本很容易，因为您只需更换样式表文件即可更改每个页面的外观。例如，您可以创建一个 Web 应用程序的白标版本，您的合作伙伴可以重新设计该版本以匹配他们的品牌。参见 CSS Zen Garden有关此方法有多灵活的一些很好的示例。