移动端网站内容页纵向多栏布局的实现方法及装置制造方法及图纸

本发明专利技术提供了移动端网站内容页纵向多栏布局的实现方法及装置，涉及显示控制技术领域，其中，该移动端网站内容页纵向多栏布局的实现方法包括：首先，由服务器使用语义化标签article作为文章内容的包裹元素，其中，文章内容采用的语言为蒙古文类文字，之后，由服务器获取智能移动设备的尺寸，并且，服务器还能够把尺寸赋值给article标签，接着，由服务器根据article标签的尺寸，对文章内容进行调整，通过上述处理过程在智能移动设备实现了蒙古文类文字的竖排文字、纵向多栏布局的显示，从而使人们利用智能移动设备来查看蒙古文类文字的界面，方便快捷。

【技术实现步骤摘要】
移动端网站内容页纵向多栏布局的实现方法及装置
本专利技术涉及显示控制
，尤其涉及移动端网站内容页纵向多栏布局的实现方法及装置。
技术介绍
随着移动互联网技术的快速发展，智能手机、平板电脑等多种智能移动设备被广泛应用于人们的生活和工作中。除了传统的打电话和发短信等功能，人们还能够通过智能移动设备进行上网和其他活动，例如，网上购物、远程聊天和浏览网页等，智能移动设备的应用为人们的生活和工作提供了诸多便利。但是，智能移动设备与传统的电脑差别很大，首先，智能移动设备的种类很多，操作系统和显示屏幕的尺寸等各不相同。当人们在利用智能移动设备浏览网页时，会出现很多不同于传统电脑的现象，例如，由于重力感应的存在，智能移动设备会随着放置方位的不同而自动切换屏幕的显示模式。而且，现有很多智能移动设备的阅读习惯均采用F型扫视模式，更容易体现出良好的视觉层次，从而方便用户了解界面内容，对大多数用户来讲，此模式是非常舒适的，因为他们的阅读习惯一直以来都是从左到右、从上到下的。目前多数蒙古文类文字显示的手机网站的页面多为竖排文字、横向布局的页面，阅读时需要左右滑动。iPhone等有些移动设备上左右滑动时经常出现页面上下抖动的现象，斜滑时，会与上下滑动出现矛盾，并且智能移动设备竖屏时，导致每行文字太长，阅读时多有不便。例如大篇幅的文章，因为阅读时左右滑动多行文本，不仅影响阅读体验，并且读到内容中段或末段，再返回查看某个已读内容时比较麻烦。综上，目前关于智能移动设备中，由于蒙古文类文字的上述阅读体验问题，尚无有效的解决办法。
技术实现思路
有鉴于此，本专利技术实施例的目的在于提供了移动端网站内容页纵向多栏布局的实现方法及装置，通过使用语义化标签article等，优化了蒙古文类文字在智能移动设备上的显示界面。第一方面，本专利技术实施例提供了移动端网站内容页纵向多栏布局的实现方法，包括：服务器使用语义化标签article作为文章内容的包裹元素，其中，文章内容采用的语言为蒙古文类文字；服务器获取智能移动设备的尺寸，且，把尺寸赋值给article标签；服务器根据article标签的尺寸，对文章内容进行调整。结合第一方面，本专利技术实施例提供了第一方面的第一种可能的实施方式，其中，移动端网站内容页纵向多栏布局的实现方法还包括：服务器使用JS或者jQuery获取智能移动设备的宽度值；服务器将宽度值赋值给article标签，作为article标签的宽度；服务器根据article标签的宽度将设置智能移动设备的显示宽度。结合第一方面，本专利技术实施例提供了第一方面的第二种可能的实施方式，其中，移动端网站内容页纵向多栏布局的实现方法还包括：服务器在接收到第一外部触发时，从第一外部触发中获取显示栏数值；服务器根据显示栏数值对article标签的高度和多栏布局属性进行设置。结合第一方面的第二种可能的实施方式，本专利技术实施例提供了第一方面的第三种可能的实施方式，其中，移动端网站内容页纵向多栏布局的实现方法还包括：服务器在接收到第二外部触发时，从第二外部触发中获取书写模式值；服务器根据书写模式值对article标签的书写模式属性进行设置。第二方面，本专利技术实施例提供了移动端网站内容页纵向多栏布局的实现装置，包括：标签设定模块，用于服务器使用语义化标签article作为文章内容的包裹元素，其中，文章内容采用的语言为蒙古文类文字；尺寸赋值模块，用于服务器获取智能移动设备的尺寸，且，把尺寸赋值给article标签；内容调整模块，用于服务器根据article标签的尺寸，对文章内容进行调整。结合第二方面，本专利技术实施例提供了第二方面的第一种可能的实施方式，其中，移动端网站内容页纵向多栏布局的实现装置还包括：宽度获取单元，用于服务器使用JS或者jQuery获取智能移动设备的宽度值；宽度赋值单元，用于服务器将宽度值赋值给article标签，作为article标签的宽度；宽度设置单元，用于服务器根据article标签的宽度将设置智能移动设备的显示宽度。结合第二方面，本专利技术实施例提供了第二方面的第二种可能的实施方式，其中，移动端网站内容页纵向多栏布局的实现装置还包括：栏数获取模块，用于服务器在接收到第一外部触发时，从第一外部触发中获取显示栏数值；栏数设置模块，用于服务器根据显示栏数值对article标签的高度和多栏布局属性进行设置。结合第二方面的第二种可能的实施方式，本专利技术实施例提供了第二方面的第三种可能的实施方式，其中，移动端网站内容页纵向多栏布局的实现装置还包括：书写模式获取模块，用于服务器在接收到第二外部触发时，从第二外部触发中获取书写模式值；书写模式设置模块，用于服务器根据书写模式值对article标签的书写模式属性进行设置。本专利技术实施例提供的移动端网站内容页纵向多栏布局的实现方法及装置，其中，该移动端网站内容页纵向多栏布局的实现方法包括：首先，服务器使用语义化标签article作为文章内容的包裹元素，其中，文章内容采用的语言为蒙古文类文字，之后，服务器获取智能移动设备的尺寸，并且，服务器还能够把尺寸赋值给article标签，之后，服务器根据article标签的尺寸，对文章内容进行调整，从而在智能移动设备上实现了蒙古文类文字的竖排文字、纵向多栏布局的显示效果，从而使人们能够在使用智能移动设备时体验更好。本专利技术的其他特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本专利技术而了解。本专利技术的目的和其他优点在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。为使本专利技术的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。附图说明为了更清楚地说明本专利技术具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1示出了本专利技术实施例所提供的移动端网站内容页纵向多栏布局的实现方法的流程图；图2示出了本专利技术实施例所提供的移动端网站内容页纵向多栏布局的实现装置的连接图；图3示出了本专利技术实施例所提供的移动端网站内容页纵向多栏布局的实现装置的结构框架图。图标：1-标签设定模块；2-尺寸赋值模块；3-内容调整模块；21-宽度获取单元；22-宽度赋值单元；23-宽度设置单元。具体实施方式下面将结合本专利技术实施例中附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本专利技术实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本专利技术的实施例的详细描述并非旨在限制要求保护的本专利技术的范围，而是仅仅表示本专利技术的选定实施例。基于本专利技术的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本专利技术保护的范围。在我国语言种类繁多，例如，藏语、维语、朝语、蒙古语等。上述多种语言的字形、发音和书写形式等各不相同。在蒙古语中的传统蒙古文、托忒蒙古文、满文、回鹘式蒙古文、锡伯文等蒙古文类文字是遵循从左到右换行，从上至下纵向书写款式的字母间本文档来自技高网...

【技术保护点】
移动端网站内容页纵向多栏布局的实现方法，其特征在于，包括：服务器使用语义化标签article作为文章内容的包裹元素，其中，所述文章内容采用的语言为蒙古文类文字；所述服务器获取智能移动设备的尺寸，且，把所述尺寸赋值给所述article标签；所述服务器根据所述article标签的尺寸，对所述文章内容进行调整。

【技术特征摘要】
1.移动端网站内容页纵向多栏布局的实现方法，其特征在于，包括：服务器使用语义化标签article作为文章内容的包裹元素，其中，所述文章内容采用的语言为蒙古文类文字；所述服务器获取智能移动设备的尺寸，且，把所述尺寸赋值给所述article标签；所述服务器根据所述article标签的尺寸，对所述文章内容进行调整。2.根据权利要求1所述的移动端网站内容页纵向多栏布局的实现方法，其特征在于，所述方法还包括：所述服务器使用JS或者jQuery获取所述智能移动设备的宽度值；所述服务器将所述宽度值赋值给所述article标签，作为所述article标签的宽度；所述服务器根据所述article标签的所述宽度将设置所述智能移动设备的显示宽度。3.根据权利要求2所述的移动端网站内容页纵向多栏布局的实现方法，其特征在于，所述方法还包括：所述服务器在接收到第一外部触发时，从所述第一外部触发中获取显示栏数值；所述服务器根据所述显示栏数值对所述article标签的高度和多栏布局属性进行设置。4.根据权利要求3所述的移动端网站内容页纵向多栏布局的实现方法，其特征在于，所述方法还包括：所述服务器在接收到第二外部触发时，从所述第二外部触发中获取书写模式值；所述服务器根据所述书写模式值对所述article标签的书写模式属性进行设置。5.移动端网站内容页纵向多栏布局的实现装置，其特征在于，包括：标签设定模块，用于服...

【专利技术属性】
技术研发人员：宝音朝格图，
申请(专利权)人：内蒙古蒙科立蒙古文化股份有限公司，
类型：发明
国别省市：内蒙古,15