我开始设计我的第一个移动网站。虽然它很简单，但我有一些问题：
请尽可能回答以下问题！
1）我该如何指定网站只向移动流量提供“styles_mobile.css”样式表？是否有最常用的代码片段？
2）我有一个首页并创建了一个新的移动首页：“/index_mobile.htm”，这样做是否“错误”。移动页面应该是自己的实体（例如/mobile.htm），还是基于现有的首页？我该如何重定向它？如何创建地址“m.mywebsiteaddress.com”？
3）目前我正在我的笔记本电脑上进行编辑，然后上传到我的ISP上看看我在iphone上的编辑效果 - 我该如何直接从我的Mac进行上传？
4）HTML元素方面是否有标准结构？例如，标准文档具有HTML、HEAD和BODY元素。 HTML5现在具有标题（header）、导航（nav）和页脚（footer）元素 - 是否有任何特定于mobi的元素需要我注意？
现在就这些问题，但我可以看出自己在未来几天会继续添加。欢迎任何指针或临时建议。
1) 我该如何告诉网站为移动流量提供"styles_mobile.css"样式表？是否有常用的代码片段可用？
您可以使用带有媒体查询的链接样式表：
<link rel="stylesheet" media="only screen and (max-width: 480px)" href="mobile.css">
2) 我有一个索引页面并正在创建一个新的移动页面：“/index_mobile.htm”，这样做是否“错误”。移动页面应该是自己的实体（例如/mobile.htm）还是基于现有的索引页面？如何重定向它？如何创建地址“m.mywebsiteaddress.com”？
另一种选择是提供一个页面（index.html），并在视图区域缩小时开始堆叠浮动元素。在您的桌面和手机上查看http://www.html5rocks.com/en/。或者，如果您的手机此刻不在身边，请调整浏览器大小，观察该网站开始摆脱多列并创建单列视图。他们只提供一个文件（即index.html），而不是将移动用户重定向到移动页面（即mobile.html）。
3) 目前，我正在我的笔记本电脑上进行编辑，然后为了查看它们的效果，必须将它们上传到我的ISP以在我的iPhone上查看我的编辑效果-如何直接从我的Mac完成这项工作？
在您的Mac上安装Apache服务器，在适当的端口上进行端口转发（端口80和8080 IIRC），您将能够在无需不断将文件上传到ISP的情况下在手机上查看页面。 URL将是（http://xx.xxx.xx.xx）或类似的内容。
4) 关于HTML元素，是否有标准结构？例如，标准文档具有html、head和body元素。 HTML5现在具有标题、导航和页脚元素-我应该注意哪些特定于mobi的元素吗？
不，移动浏览器呈现与桌面浏览器相同的HTML标记。您应该考虑做的一件事是使用HTML5 doctype（移动浏览器支持），因为即使在使用viewport meta标记时，当使用XHTML或HTML4 doctype的“移动化”网站在移动浏览器中看起来非常缩小时，我也遇到了很多麻烦。
这是我在移动Web开发方面偶然发现的最好资源。
m.site.com 或者 www.site.com/m/。关键要素在于将它们视为两个分开的网站。/m 的目录，并在其中包含 html、css 和 js 文件。可以使用基于用户代理的 http 重定向 将流量发送到每个网站。至于创建 m.site.com，这取决于您的设置和是否可以创建子域。之前的两个回答很好，但我不完全同意它们。它们太复杂了。
(max-device-width: 480px) ，你可以使用 (max-width) 并直接在浏览器中开发/调试。否则，如果你在使用OS X，则附带Xcode的iOS模拟器效果不错（包括iPad！）顺便说一句，我认为你不应该采纳为移动设备加载另一个样式表的建议。加载另一个样式表意味着多发起一个HTTP请求。你可以将所有的媒体查询样式都保留在主样式表中。
要在“常规”样式表（即桌面样式表）中使用媒体查询，请执行以下操作：
/* desktop */
body { background: #FFFFFF; }
header { width: 100%; }
/* queries for devices with a max viewing area of 480px */
@media only screen and (max-width: 480px) {
body { background: #444444; }
}