前端代码规范:网站移动适配代码规范
举例：
首页： https://www.ecmsplus.com/
PC地址：https://www.ecmsplus.com/
移动地址：https://mip.ecmsplus.com/一、跳转适配+代码适配PC页面规范<!‐‐TDK标签 所有页面必须有
举例：
首页： https://www.ecmsplus.com/
PC地址：https://www.ecmsplus.com/
移动地址：https://mip.ecmsplus.com/
一、跳转适配+代码适配
PC页面规范
<!‐‐TDK标签 所有页面必须有‐‐><title>网站名称‐赢造自由的网上贸易</title>
<meta name="keywords" content="网站名称" />
<meta name="description" content="网站名称（www.ecmsplus.com）倡导自由的网上贸易，为全球220个国家和地区的商人提供在线贸易服务。融供应商机、求购信息、企业目录于一体，正在成为全球商人销售产品、开展网上贸易及网络推广的首选电子商务网站" />
<!‐‐页面申明 表示该页面规范统一性内容网址‐‐>
<link rel="canonical" href="https://www.ecmsplus.com/">
<!‐‐页面申明 表示该页面为PC页面‐‐>
<meta name="applicable‐device" content="pc">
<!‐‐自适配标签 浏览器小于640px自动转向到适配网址‐‐>
<link rel="alternate" media="only screen and (max‐width: 640px)" href="h ttps://mip.ecmsplus.com/">
<!‐‐自适配标签 该网页对应的其他移动版本的网址‐‐>
<meta name="mobile‐agent" content="format=wml;url=https://mip.ecmsplus.com/"
<meta name="mobile‐agent" content="format=xhtml;url=https://mip.ecmsplus.com/" />
<meta name="mobile‐agent" content="format=html5;url=https://mip.ecmsplus.com/" />
移动页面规范
<!‐‐TDK标签 所有页面必须有‐‐>
<title>网站名称‐赢造自由的网上贸易</title>
<meta name="keywords" content="网站名称" />
<meta name="description" content="网站名称（www.ecmsplus.com）倡导自由的网上贸易，为全球220个国家和地区的商人提供在线贸易服务。融供应商机、求购信息、企业目录于一体，正在成为全球商人销售产品、开展网上贸易及网络推广的首选电子商务网站" />
<!‐‐页面申明 表示该页面为移动页面‐‐>
<meta name="applicable‐device" content="mobile">
<!‐‐页面申明 表示该页面规范统一性内容网址 有PC内容对应的指向PC内容网址，没有的指向移动页面网址‐‐>
<link rel="canonical" href="https://www.ecmsplus.com/">
二、自适应
自适应页面规范
<!‐‐TDK标签 所有页面必须有‐‐>
<title>网站名称‐赢造自由的网上贸易</title>
<meta name="keywords" content="网站名称" />
<meta name="description" content="网站名称（www.ecmsplus.com）倡导自由的网上贸易，为全球220个国家和地区的商人提供在线贸易服务。融供应商机、求购信息、企业目录于一体，正在成为全球商人销售产品、开展网上贸易及网络推广的首选电子商务网站" />
<!‐‐页面申明 表示该页面为移动、PC自适应页面‐‐>
<meta name="applicable‐device" content="mobile,pc">
<!‐‐页面申明 表示该页面规范统一性内容网址 有PC内容对应的指向PC内容网址，没有的指向移动页面网址‐‐>
<link rel="canonical" href="https://www.ecmsplus.com/">
如下示例代码：
<!--PC页面规范-->
<title>{$meta_title}</title>
<meta name="keywords" content="{$meta_keywords}" />
<meta name="description" content="{$meta_description}" />
<!--页面申明 表示该页面规范统一性内容网址-->
<link rel="canonical" href="{SITE_URL}">
<!--页面申明 表示该页面为PC页面-->
<meta name="applicable‐device" content="pc">
<!--自适配标签 浏览器小于640px自动转向到适配网址‐-->
<link rel="alternate" media="only screen and (max‐width: 640px)" href="{SITE_MURL}">
<title>{$title}_{$cat.name}_{SITE_NAME}</title>
<meta name="keywords" content="{$meta_keywords}" />
<meta name="description" content="{$meta_description}" />
<!--页面申明 表示该页面为移动页面-->
<meta name="applicable-device" content="mobile">免责/版权声明：
1、所有来源标注为 ECMSPLUS /zwcms.com的内容版权均为本站所有，若您需要引用、转载，只需要注明来源及原文链接即可，如涉及大面积转载，请来信告知，获取授权。
2、本站所提供的文章资讯、软件资源、素材源码等内容均为作者提供、网友推荐、互联网整理而来（部分报媒/平媒内容转载自网络合作媒体），仅供学习参考，如有侵犯您的版权，请联系我们，本站将在三个工作日内改正。
3、若您的网站或机构从本站获取的一切资源进行商业使用，除来源为本站的资料需与本站协商外，其他资源请自行联系版权所有人。
4、 ECMSPLUS /zwcms.com不保证资源的准确性、安全性和完整性，请您在阅读、下载及使用过程中自行确认，本站亦不承担上述资源对您或您的网站造成的任何形式的损失或伤害
5、未经 ECMSPLUS /zwcms.com允许，不得盗链、盗用本站资源；不得复制或仿造本网站，不得在非 ECMSPLUS /zwcms.com所属的服务器上建立镜像， ECMSPLUS /zwcms.com对其自行开发的或和他人共同开发的所有内容、技术手段和服务拥有全部知识产权，任何人不得侵害或破坏，也不得擅自使用。
6、互联网的本质是自由与分享，我们真诚的希望，每一份有价值的正能量能够在互联网中自由传播，能够为每一个网站提供动力。
评论(3)
欢迎您光临1pma.cn，本站秉承服务宗旨 履行“站长”责任，销售只是起点 服务永无止境！
?
?普通用户