Jquery 是否在核心标记中包含特定于移动设备的内容?

Jquery 是否在核心标记中包含特定于移动设备的内容?,jquery,html,css,jquery-mobile,Jquery,Html,Css,Jquery Mobile,关于移动/桌面开发-我喜欢保持一个网站,并根据设备大小(即响应性设计)更新查看模式的想法 但是,我想特别为移动查看模式介绍一些功能。即导航面板 我的问题归结到-我是否应该将该内容添加到文档的主体中,并将其隐藏在桌面版本(css)中,然后在移动查看模式(css)中显示它?这实际上取决于您为移动设备添加了多少内容 桌面版是否需要这个额外的导航面板,或者它对桌面版有用?如果是,那么您也可以在桌面上显示它(这是最简单的方法)。请记住,搜索引擎将能够看到导航面板,而不管您使用什么CSS隐藏桌面上的面板 如

关于移动/桌面开发-我喜欢保持一个网站,并根据设备大小(即响应性设计)更新查看模式的想法

但是,我想特别为移动查看模式介绍一些功能。即导航面板


我的问题归结到-我是否应该将该内容添加到文档的主体中,并将其隐藏在桌面版本(css)中,然后在移动查看模式(css)中显示它?

这实际上取决于您为移动设备添加了多少内容

桌面版是否需要这个额外的导航面板,或者它对桌面版有用?如果是,那么您也可以在桌面上显示它(这是最简单的方法)。请记住,搜索引擎将能够看到导航面板,而不管您使用什么CSS隐藏桌面上的面板

如果只是少量内容,可以使用CSS将其隐藏。只是要小心正确地操作,否则屏幕阅读器仍然会在桌面上向用户读出它。Bootstrap这样做是为了向视力正常和失明的用户隐藏信息:

.hidden {
  display: none !important;
  visibility: hidden !important;
}
资料来源: