计算机与现代化

• 数据库与数据挖掘 • 上一篇    下一篇

基于HTML5的响应式Web页面重组适配技术研究#br#

  

  1. 南京工业职业技术学院计算机与软件学院,江苏南京210046
  • 收稿日期:2014-11-14 出版日期:2015-02-28 发布日期:2015-03-06
  • 作者简介:蒋凌燕(1979),女,江苏南京人,南京工业职业技术学院计算机与软件学院讲师,硕士,研究方向:Web开发技术; 查英华,副教授,硕士,研究方向:移动应用开发技术。

Recombination and Adaptive Technology of Responsive Web Pages Based on HTML5

  1. College of Computer and Software, Nanjing Institute of Industry Technology, Nanjing 210046, China
  • Received:2014-11-14 Online:2015-02-28 Published:2015-03-06

摘要: 在网页浏览和网站访问使用上,移动终端与PC机终端相比,有显示屏幕大小不统一,页面布局不适应,噪声信息较多等问题,网络上海量的网站在移动终端访问时需将网页信息进行适配和重组。HTML5标准提供的新特性新标签可以更好地适应现今多终端访问的需求,采用响应式原则设计的页面在移动终端访问时也能提供给用户更好的服务和体验。本文提出一种方法,将已有的网站和网页通过前台框架技术进行Web页面的重组和适配,从而转换成基于HTML5新标准的响应式页面,实现了基于HTML5的响应式Web页面重组。网站可以更好地适应多终端访问,为用户提供更好的服务。

关键词: 页面重组, 响应式, 前台框架, HTML5

Abstract: In webpage browsing and Web accessing, through the comparison between mobile terminal and PC, it’s found that the display screen size is not uniform, the layout of the page does not adapt, and the noise information is too great. So a great quantity of website on network is need to transform and recombine the webpage information adaptively when accessed by the mobile terminal. The new label and features provided by HTML5 can better adapt to the multiterminal access needs, the type of response page design principles in the mobile terminal access can also provide users with better service and experience. This paper presents a way which can translate existing website and webpage into HTML5based response page by using framework of foreground technology to recombine the webpage information adaptively. The website can be better adapted to the environment of multiterminal access, provide better service for user.

Key words: Key words: page recombination, responsive, framework of foreground, HTML5

中图分类号: