NEWS

当前位置:首页 > 锐美资讯 > 公司动态

网站建设中帝国CMS使用[!--news.url--]与base标签可解决手机相对路径不正确的问题

发布者:ruimei88    时间:2018-04-15 18:02:40    人气:

  为什么要说这个问题,其实最主要是最近老是被手机网站建设中的各种路径困扰,我想要告诉很多程序开发人员,手机网站建设过程中利用帝国CMS自带的[!--news.url--]和网页面的默认地址属性,可以很好的解决手机网站建设时图片路径不正确的问题。


解决手机相对路径不正确的问题


  什么是[!--news.url--]?


  [!--news.url--]是帝国系统中默认的网站相对路径调用地址,这个地址默认是“/”,也就是说你给网站解析什么地址,那么这里就是什么地址,一般在PC端无需修改,但是如果在移动端,比如您把网站解析为http://m.ruimei88.com,那么建议您修改这个属性,这个是在网站模板代码中,[!--news.url--]就等于您设置的网站地址。也就是说只要我们需要相对路径调用这个地址,这个地址就是相对路径调用的参数,无论是在js,还是css,以及图片路径中都可以使用.


[!--news.url--]

网站系统参数这个位置设置[!--news.url--]的值


  什么是网站的默认地址呢?


  这个我需要讲到一个html5标签,<base>标签,这个标签的用法是<base href="https://www.ruimei88.com">,其意思是网页的默认地址是这个。也就是网站相对路径中的“/”会被这个标签替换成默认的地址。


  手机网站开发需要灵活使用这两个标签


  手机网站常常把网站的子域名解析到/M/或者/wap/文件夹,这样很多电脑端编辑的文章就会出现相对路径,如果手机网站的网页中没有<base>标签定义网页的默认地址,那么由于图片的存储路径在电脑端的根目录下,很显然,就会出现图片丢失,而最简单的办法就是给路径一个默认地址的定义,这样就可以轻松使手机和PC使用同样的网站图片。而对于某些需要使用手机地址的路径,我们只需要在路径前面带上[!--news.url--]就可以实现,根本用不着去修改复杂的调用代码,甚至去调整编辑器的代码。


  灵活使用[!--news.url--]与base标签可以提升手机网站的建设效率,也无需因为自己调整各种模板,添加自定义参数,带来各种麻烦。尽管本文可能很多做网站的大神都懂,但是我还是希望我的文章能给与那些还不知道这个技巧的网站建设同行带来帮助。


  本文由锐美网络成都网站建设公司原创(https://www.ruimei8.com/News/dynamic/393.html),未经允许,禁止转载。


上一条: 成都APP开发-提供APP制作咨询及报价,承接原生APP开发项目! 下一条: 分销系统开发,网站分销系统建设!
版权所有:成都锐美云商网络科技有限公司 侵权必究 川公网安备 51010402000103号 蜀ICP备16009388号-2

锐美网络!专注成都网站建设,提供企业网络营销解决方案