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

标签 html css responsive-design media-queries

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 9 年前

我看到在讨论响应式网页设计时经常提到 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

最佳答案

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

如果您想使用媒体查询,然后在所有元素上使用 id 和 class 属性来确定它们如何调整大小(或消失),您可以自由选择,但是通常适当的语义会使大多数人更容易设计样式。除了样式之外,还有其他好处。正确的语义标记可以帮助屏幕阅读器。

关于html - 为什么在响应式网页设计中使用 HTML5?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19648850/

上一篇:css - 在 Firefox 24 中支持 “border-radius”

下一篇:jquery - 使用jquery将div高度设置为文档高度

相关文章:

html - 在窗口调整大小之前激活 CSS 属性?

html - "text-transform: uppercase"在加载期间导致 "jumping"

javascript - 在平铺中重复图像,并使其旋转

javascript - Crocodoc 文档字体在移动设备上太小

html - 图像放大

html - 如何多个div淡出淡入循环动画

css - 两个 float 列表 - 一个在另一个下面

javascript - 覆盖导航不透明度变化

python - 在 python 中将 mime 类型与 HTTPServer 混合

javascript - 如何更改 Bootstrap col-lg px 参数?