我们是否应该始终考虑没有 CSS 时页面的外观？答案

【问题标题】：Should we always consider how page will look without CSS?我们是否应该始终考虑没有 CSS 时页面的外观？
【发布时间】：2010-03-10 02:39:40
【问题描述】：

如果是，那么表示元素在这种情况下会有所帮助，那么我们应该使用它们吗？

<b>…</b> , <i>…</i>, <big>…</big>, <small>…</small>, <tt>…</tt>, <hr />

这些是有效的标签

【问题讨论】：

它们也是不推荐使用的标签。只是说。
如果没有CSS，那么那些标签也就没用了。想一想，... 标签就像任何其他标签一样，只是在其上设置了font-weight: bold 的 CSS 样式。每个标签只是一个标签，每个标签都有分配给它的默认样式。
@Matchu - 没有人被弃用所有都是有效的htmldog.com/reference/htmltags
如果您查看 HTML 5 标准草案，、 和  已经被赋予了语义含义并且根本没有被弃用。
@animuson - 已弃用和“应该避免”是另一回事。

【解决方案1】：

页面应该被标记为语义，而不是为了展示。如果您在元素上放置适当的语义标记，浏览器通常会自行为它们应用基本样式。您不应该关心文档看起来如何没有样式。如果它是unstyled，则它没有样式。 CSS负责样式。如果用户选择查看没有样式的文档，就这样吧。

【讨论】：

这是真的，条件是无样式的页面通常会让您强烈地感觉到您对页面的标记程度。语义标记的全部原因是使内容除了样式之外可用（并且清晰！）。无样式的页面应该读起来像一个合理的文本文档。这是用于语义的论据，而不是用于表示标记。
@Eric 正是我想说的“浏览器将自行应用样式”，但更好的说法。 :)

【解决方案2】：

通常（“普通”）用户无法像 JavaScript 那样简单地禁用 CSS。所以我会回答NO。

CSS 是 演示文稿的一部分，当 CSS 不可用时，我们应该认为演示文稿不可用。因此客户端坏了。

您不应该担心这一点，因为您不想调试滥用演示文稿的客户端。

但是，如果您需要支持非标准设备（可能是旧手机），这是一个有效的问题。仍然不要将页面更改为“适合所有尺寸”，您应该为此类设备设置一个单独的页面。

不确定tt（我猜你可以使用）。但是b、i应该分别替换为strong和em。

big 和 small 不应使用 IMO，应根据语义替换为替代标签。

【讨论】：

我不是在谈论将和用作标题。我在问我们是否使用内联。就像我们使用而不是那么没有 css，文本仍然看起来很粗体。
我也不是在谈论要在标题中使用的 big 和 small。问题是“我们是否应该考虑在没有 CSS 的情况下页面的外观”。答案是否定的。如您所见，我解释了原因。

【解决方案3】：

从技术上讲，您几乎可以使用<div> 和 标签创建整个页面。不过那会很混乱，而且不是很直观。就个人而言，我发现您列出的标签使人们更容易解析页面试图传达的内容，同时还提供了在 CSS 未加载时使页面可读的好处。

【讨论】：

 和  对 HTML 文档的结构做的很少。我完全赞成<ul> 和<li>，因为它们确实代表结构，但是......不。他描述的标签被弃用是有原因的。

【解决方案4】：

听起来你在问是否应该使用 之类的标签，这样在没有 CSS 的情况下，你想变小的东西就会变小。

没有。

考虑不使用 CSS 的页面外观的原因是要知道您是否使用了良好的语义布局。如果它是可用的，那么仅在设计时考虑到语义组织的 HTML 是可以的。而已。如果您的用户出于某种原因不想支持 CSS 等展示性内容，不要使用展示性标签。

而且，真的。如果您的用户出于某种原因没有 CSS，那么他们就不应该看到粗体的东西。这对你来说是更多的工作，它不是语义的，没有人会永远关心。

【讨论】：