html - 为什么在响应式网页设计中使用 HTML5？

Question

我看到在讨论响应式网页设计时经常提到 HTML5。虽然我不确定为什么有人会想要使用 HTML5 来进行简单的响应式网页设计。

这些陈述中的任何一个都是不真实的吗？

• 响应式网页设计不需要 HTML5
• CSS 和媒体查询可以很好地完成工作

如果您有一个纯文本网站，那么使用 HTML5 进行响应式网页设计有什么好处？它不能代替媒体查询。CSS 适用于流体网格和图像。

以下是我所指的一些内容：

http://www.amazon.com/Responsive-Web-Design-HTML5-CSS3/dp/1849693188/ref=sr_1_2?ie=UTF8&qid=1383016419&sr=8-2&keywords=responsive+web+design

http://www.amazon.com/HTML5-CSS3-Responsive-Design-Cookbook/dp/184969544X/ref=sr_1_7?ie=UTF8&qid=1383016419&sr=8-7&keywords=responsive+web+design

http://www.amazon.com/The-Modern-Web-Multi-Device-Development/dp/1593274874/ref=sr_1_12?ie=UTF8&qid=1383016419&sr=8-12&keywords=responsive+web+design

Answer 1

在CSS3中添加了媒体查询。支持 CSS3 的浏览器倾向于支持 HTML5 的合理部分，因此它们倾向于一起使用，但它们在技术上并不相互依赖。

如果您想使用媒体查询，然后在所有元素上使用 id 和 class 属性来确定它们如何调整大小（或消失），那么您可以自由地使用适当的语义，一般来说，对于大多数人来说，适当的语义会使样式更容易。除了造型之外，还有其他好处。适当的语义标记可以帮助屏幕阅读器。