[发明专利]移动端网站内容页纵向多栏布局的实现方法及装置

说明书

技术领域

本发明涉及显示控制技术领域，尤其涉及移动端网站内容页纵向多栏布局的实现方法及装置。

背景技术

随着移动互联网技术的快速发展，智能手机、平板电脑等多种智能移动设备被广泛应用于人们的生活和工作中。除了传统的打电话和发短信等功能，人们还能够通过智能移动设备进行上网和其他活动，例如，网上购物、远程聊天和浏览网页等，智能移动设备的应用为人们的生活和工作提供了诸多便利。

但是，智能移动设备与传统的电脑差别很大，首先，智能移动设备的种类很多，操作系统和显示屏幕的尺寸等各不相同。当人们在利用智能移动设备浏览网页时，会出现很多不同于传统电脑的现象，例如，由于重力感应的存在，智能移动设备会随着放置方位的不同而自动切换屏幕的显示模式。而且，现有很多智能移动设备的阅读习惯均采用F型扫视模式，更容易体现出良好的视觉层次，从而方便用户了解界面内容，对大多数用户来讲，此模式是非常舒适的，因为他们的阅读习惯一直以来都是从左到右、从上到下的。

目前多数蒙古文类文字显示的手机网站的页面多为竖排文字、横向布局的页面，阅读时需要左右滑动。iPhone等有些移动设备上左右滑动时经常出现页面上下抖动的现象，斜滑时，会与上下滑动出现矛盾，并且智能移动设备竖屏时，导致每行文字太长，阅读时多有不便。例如大篇幅的文章，因为阅读时左右滑动多行文本，不仅影响阅读体验，并且读到内容中段或末段，再返回查看某个已读内容时比较麻烦。

综上，目前关于智能移动设备中，由于蒙古文类文字的上述阅读体验问题，尚无有效的解决办法。

发明内容

有鉴于此，本发明实施例的目的在于提供了移动端网站内容页纵向多栏布局的实现方法及装置，通过使用语义化标签article等，优化了蒙古文类文字在智能移动设备上的显示界面。

第一方面，本发明实施例提供了移动端网站内容页纵向多栏布局的实现方法，包括：

服务器使用语义化标签article作为文章内容的包裹元素，其中，文章内容采用的语言为蒙古文类文字；

服务器获取智能移动设备的尺寸，且，把尺寸赋值给article标签；

服务器根据article标签的尺寸，对文章内容进行调整。

结合第一方面，本发明实施例提供了第一方面的第一种可能的实施方式，其中，移动端网站内容页纵向多栏布局的实现方法还包括：

服务器使用JS或者jQuery获取智能移动设备的宽度值；

服务器将宽度值赋值给article标签，作为article标签的宽度；

服务器根据article标签的宽度将设置智能移动设备的显示宽度。

结合第一方面，本发明实施例提供了第一方面的第二种可能的实施方式，其中，移动端网站内容页纵向多栏布局的实现方法还包括：

服务器在接收到第一外部触发时，从第一外部触发中获取显示栏数值；

服务器根据显示栏数值对article标签的高度和多栏布局属性进行设置。

结合第一方面的第二种可能的实施方式，本发明实施例提供了第一方面的第三种可能的实施方式，其中，移动端网站内容页纵向多栏布局的实现方法还包括：

服务器在接收到第二外部触发时，从第二外部触发中获取书写模式值；

服务器根据书写模式值对article标签的书写模式属性进行设置。

第二方面，本发明实施例提供了移动端网站内容页纵向多栏布局的实现装置，包括：

标签设定模块，用于服务器使用语义化标签article作为文章内容的包裹元素，其中，文章内容采用的语言为蒙古文类文字；

尺寸赋值模块，用于服务器获取智能移动设备的尺寸，且，把尺寸赋值给article标签；

内容调整模块，用于服务器根据article标签的尺寸，对文章内容进行调整。

结合第二方面，本发明实施例提供了第二方面的第一种可能的实施方式，其中，移动端网站内容页纵向多栏布局的实现装置还包括：

宽度获取单元，用于服务器使用JS或者jQuery获取智能移动设备的宽度值；

宽度赋值单元，用于服务器将宽度值赋值给article标签，作为article标签的宽度；

宽度设置单元，用于服务器根据article标签的宽度将设置智能移动设备的显示宽度。

结合第二方面，本发明实施例提供了第二方面的第二种可能的实施方式，其中，移动端网站内容页纵向多栏布局的实现装置还包括：