移动网站标记标签?

Posted

技术标签:

【中文标题】移动网站标记标签?【英文标题】:Mobile Website Markup Tags? 【发布时间】:2009-10-02 00:56:08 【问题描述】:

似乎是一个容易找到的答案..但是我花了几个小时搜索却没有运气。

开发者应该在移动网络应用上使用哪些官方标签?

喜欢

<callout><phone><map><address>

w3c 有官方名单吗?

【问题讨论】:

例如,如果我用标签包装电话号码,例如电话,我智能的电话会在其周围添加点击通话链接。例如123-456-7788 然后,如果手机是现代的,它会自动在电话号码上创建一个超链接以启用呼叫功能。 【参考方案1】:

设备种类繁多,您必须在任何目标设备上进行测试。新的智能手机(iPhone、基于 android 的手机、Palm Pre)都具有良好的网络浏览器,支持与桌面浏览器相同的所有标签。

【讨论】:

【参考方案2】:

对旧手机使用 xhtml Mobile Profile 和 WML。

【讨论】:

【参考方案3】:

在当前的浏览器上,它是常规的 HTML。旧版本的 Pocket IE 可能有问题,但大多数使用它的人已经习惯了问题。

【讨论】:

【参考方案4】:

你的意思是像官方的 DocType 或移动浏览器特定的还是什么?

我认为通过手机访问的网络应用程序没有任何官方标签来指定这一点。事实上,Eric Meyer has written very emotionally 的主题是针对 iPhone 的媒体/浏览器定位。

我所知道的关于网络应用程序和移动设备的唯一官方消息(来自 w3c)是 @media rules for CSS,特别是 @media handheld

如果您只是想在为移动用户制作网络应用方面获得很好的建议,您应该查看:

http://www.alistapart.com/articles/putyourcontentinmypocket/

【讨论】:

以上是关于移动网站标记标签?的主要内容,如果未能解决你的问题,请参考以下文章

新网站使用哪种标记语言? (桌面和移动)

尽管有适当的视口元标记,但网站负载在移动设备上略微放大

网站SEO

网站pc跳转移动端代码分享 alternate canonical 标签

设计 Angularjs Material 移动网站的最佳实践 - 视口问题

移动网站 - 视口取决于设备宽度