《HTML5全网自适应技术介绍.doc》由会员分享，可在线阅读，更多相关《HTML5全网自适应技术介绍.doc（36页珍藏版）》请在三一文库上搜索。
1、HTML5技术介冒全网自适应根据访问终端的尺寸自动役形"我司客户案例2挤金会介绍r Itf&aeie梧住创业as"I&鼻倂关休Bssens 人 Foundation T-»K . U”»*AXNR»«3N*«»K »>iLi Weibo Foundation »a»se回殛金a介绍垦金a刨旳人更金TBISte *t加虫民"磋"2«Ea»7t->基金会介绍检频中心1.响应式布局以往敲打各种代码OPENli amaze U
2、lSemantic UlYamu现有各种方便的前端架构, 如jQuery Mobile、Twitter Bootstrap> Schena Touch什么样的网站能做响应式布局:我是PC根据访问终端尺寸进行自适应我是平板I ni我是手机设计风格比较简洁布局比较整齐页面内容一致如上述我司的客户案例李伟波基金会2 不同风格的全网自适应我是PC针对不同的目标终端制作不同风格（版本），j系统根据访问终端标识（UA ）判断是浏览哪个版本的网站I我是平板-我是手机注：UA即User-Agent就是客户端浏览器等应用程序使用的一种特殊的网络协议（携带浏览器: 和操作系统版本等信息）,在每次浏览器进行H
3、TTP请求时发送到服务器，服务器就知道了 ； 用户是使用什么浏览器来访问的。HTMLHT观昔备HTML5是什么?Hyper Text Mark-up Language»（超文本标记语言）从4.0进化到5.0昔备 为什么HTML5这么火?中国移动China Mobile0 B Bai卷百度Panasonic松F电畫LQ苹果官网手机版QQ官网百度浏览器官网百度手机客户端官网使用移动终端浏览网站的人越来越多 各大媒体平台的主导昴HTML5的兼容性如何?主流的浏览器对HTM L5有着良好的支持HTMl,皆、HTML5网站种类:HTML普通型HTML定制型普通型HTML5网站:使用HTML5全
4、新的标签代码f使网站整体更轻便.更流畅、兼容性更好。THEEXPERTS 、Of FFW4M AHI>A（<Xrjluh.<v*4» "Jp «WT OAMI厂东莞11限公司，56 TIRQ* 01234567890123444444555555555566666<he ader c 1 55= eadcr_t op">Section clss-"headerx><chv cla3s=A Lceo* ><a hrc£, Zsys201409097604/indexsi:c= f口“
5、201409097/4/皿/maz <div class«=*log;inx><dir class- V1 oe： in_en '"Xq hrof j srascx ipt: voi d（0）;v></a></div>dir class='ozin_cn'Xa href=J /gzys201409397604/index, aspx ></a> </div> </div>一导航一 ><nav c >“£=" Minna/&l
6、t;ul><li><a ?xref=J /gays2O14C0O97034/index. aspK* icKFarl'；百页<畑</1 i><12><a taef=J /gZ7s2O14C0O970O4/jj/indox_L3. asps* Ld="nav2"柢况 href=J /gzys2014i9097604/zxzc/Lisi_l& Kpx' id= "nar1 l><li><a hr弍二'/gzys20i4C097©34/ybzx?
7、L/lis?t_23. aspz7Lcid=6, id二勺翠9 >艺博资讯<7aX/l.辽 hrc£=J /czys2014i9097604/ycix/Lis-t_26. a3px?lcLd=19， id=说吠"；，院窿梧选/aX/li hrm2 /gays2O14C9O9T034/yj 1 v/1 isl_35. aspx* id= *nav5"*>53/</ll> teef=" /2zy32O14C9O9704/ysf/li£t_2?. asps* id=xnaw推广</a></li>/
8、gayx2014C9097S04/rT£Tg/list_90. aspx' id=，vnav7 ' /名人馆 hrmf二'/gZ7s2014C9097604/cgxz/index_41. aspx* id-xnav8*>-</a><Ai 綁HTMLo导航一</section></header>HTMJ普通型HTML5网站:Q 没有很多动画效果，展现形式大多以静态元素为主Q有成型的切换效果插件可套用Q 前端没有过多的逻辑交互的（比如服装行业在线试穿、家居行业可视化定制.）HTM1,目定制型HTML5网站：采用HTM
9、L5全新的标签代码.CSS3特效f使|展现形式大多以动态元素为主没有成型的插件可套用Q 前端有很多的逻辑交互的丙站可自适应或有炫丽的动态效果。目定制型HTML5网站:Q QQ浏览器for血c 3.3立即下敦更美的讯翳2 0 8*网(5史听右下农QQ浏览器for Mac 3.3立即下载圭大SKa:儿HTMLo10:55Contactf * 8+ J inBIG -Scroll downHTML»EL0 1.标准版2. 微信支付二次开发3. 其它接口二次开发加一段代码整合使用Bootstrap框架进行全网自适应玄1做多个不同版本由代码进行客户端设备判断目标准型，1页面展现形式以静态元素为主2. 有成型的插件可用3. 前端无过多逻辑交互漏定制型：1. 页面有很多动态元素2. 没有成型的插件可套用3. 前端有很多逻辑交互HTML谢谢观看