html - 你能用 XHTML 做响应式网站吗

Question

你能使用 XHTML 1.0 严格的标记并做响应式网站吗？我认为媒体查询更多的是 CSS3，但它对 XHTML 有什么限制吗？不要问我为什么需要 XHTML :/ 这是因为这个巨大的网站已经完成了它，现在这个小型活动网站也需要使用它。整个部分（以及标题）都来自这个旧网站。

谢谢！

Answer 1

XHTML5 = HTML5 + XML 解析器。

我的网站是http://www.jabcreations.com/，我使用 PHP 通过客户端标头确定他们的浏览器是否支持 XHTML，如果它作为 application/xhtml+xml 服务，它才是真正的 XHTML。

我在使用 XHTML 方面没有遇到任何限制，事实上它比普通的 HTML 好得多。因为编码更严格（同样，如果您实际上正确地提供媒体类型/mime 以及正确的文档类型），它确实有助于生成更简洁、更精简的代码。起初是的，它有点困难，但是更严格的代码并不意味着更少的动态代码。更严格的代码更容易使用，因为您将更好地理解预期的内容。使用 text/html 时，各种各样的东西都可以盯着你看，你甚至都不知道。例如，我曾经经常访问的论坛上的一个人确实花了几天时间试图弄清楚为什么 CSS 会在 Safari 中被破坏，因为事实证明他们错过了一个报价。

我已经编写了自己的博客、CMS、控制面板、论坛、私人消息、统计数据等等，所有这些都以这种方式提供服务。更严格的更高标准可以而且确实会带来更好的代码，并且与我没有保持如此高的标准相比，这让我可以做更多的事情。

...而且几乎所有反对 XHTML 的论点都是无效的。您可以为非 XHTML 浏览器提供 XHTML 1.0 Strict doctype（而不是 XHTML 1.1）。你不能也不应该使用 document.write（你不应该让 script 元素成为 body 元素的子元素）。

此外，我的网站使用 CSS3 媒体查询，所以如果您谈论的是对移动浏览器的响应，是的，您也可以结合使用。只需在我的博客上水平调整浏览器的大小，然后观察布局是否随着渲染区域的减小而适应，本质上是模拟更小的屏幕尺寸。

Answer 2

(X)HTML 不是实际创建响应式元素的部分。它唯一的工作是网站的结构。CSS，或者具体来说是 CSS3，是使网站具有响应性的部分。

Answer 3

虽然响应式设计仍然主要在 CSS3 的上下文中被讨论，正如几个答案正确指出的那样，它现在并不像 2012 年那么简单。响应式特性也出现在了 HTML5 方面，你由于限制自己使用 XHTML，至少失去了对一个重要的访问权限：<img srcset>。

所以，今天考虑到这个问题，我会回答“否”：你不能用 XHTML 做一个完全响应的网站，不能达到 HTML5 所实现的水平。