《一种HTML5布局检测方法及系统.pdf》由会员分享，可在线阅读，更多相关《一种HTML5布局检测方法及系统.pdf（7页珍藏版）》请在专利查询网上搜索。
1、(10)申请公布号 (43)申请公布日 (21)申请号 201410823045.9(22)申请日 2014.12.22G06F 17/30(2006.01)(71)申请人上海斐讯数据通信技术有限公司地址 201616 上海市松江区思贤路3666号(72)发明人唐芬芬(74)专利代理机构上海光华专利事务所 31219代理人余明伟(54) 发明名称一种HTML5布局检测方法及系统(57) 摘要本发明提供一种HTML5布局检测方法及系统。所述HTML5布局检测方法包括：接收待检测的网站地址；访问所述网站地址对应的网页并获取所述网页的源代码；在所述源代码中查找HTML5相关标签；当查找到所述HTML。
2、5相关标签时，确定所述网页是HTML5布局。所述HTML5布局检测系统包括：网站地址输入模块用于接收待检测的网站地址；网页源码获取模块用于获取所述网站地址，访问所述网站地址对应的网页并获取所述网页的源代码；网站布局确定模块用于在所述源代码中查找HTML5相关标签；当查找到所述HTML5相关标签时，确定所述网页是HTML5布局。本发明的技术方案能够自动检测网站页面是否采用HTML5结构布局。(51)Int.Cl.(19)中华人民共和国国家知识产权局(12)发明专利申请权利要求书1页 说明书4页 附图1页(10)申请公布号 CN 104408208 A(43)申请公布日 2015.03.11CN 。
3、104408208 A1/1页21.一种HTML5布局检测方法，其特征在于，所述HTML5布局检测方法包括：接收待检测的网站地址；访问所述网站地址对应的网页并获取所述网页的源代码；在所述源代码中查找HTML5相关标签；当查找到所述HTML5相关标签时，确定所述网页是HTML5布局。2.根据权利要求1所述的HTML5布局检测方法，其特征在于：所述访问所述网站地址对应的网页并获取所述网页的源代码是通过后台执行完成的。3.根据权利要求1所述的HTML5布局检测方法，其特征在于：所述HTML5相关标签包括abbr、article、aside、audio、bdi、canvas、data、datalist。
4、、details、gcaption、gure、footer、header、hgroupmark、meter、nav、output、progress、section、summary、time或video中的至少一种。4.根据权利要求1所述的HTML5布局检测方法，其特征在于：所述HTML5布局检测方法还包括：当未查找到所述HTML5相关标签时，确定所述网页不是HTML5布局。5.根据权利要求1或4所述的HTML5布局检测方法，其特征在于：所述HTML5布局检测方法还包括：将所述网页是否是HTML5布局以消息框显示。6.一种HTML5布局检测系统，其特征在于：所述HTML5布局检测系统包括：网站地。
5、址输入模块，用于接收待检测的网站地址；网页源码获取模块，与所述网站输入模块相连，用于从所述网站输入模块中获取所述网站地址，访问所述网站地址对应的网页并获取所述网页的源代码；网站布局确定模块，与所述网页源码获取模块相连，用于在所述源代码中查找HTML5相关标签；当查找到所述HTML5相关标签时，确定所述网页是HTML5布局。7.根据权利要求6所述的HTML5布局检测系统，其特征在于：所述网页源码获取模块中的访问所述网站地址对应的网页并获取所述网页的源代码是通过后台执行完成的。8.根据权利要求6所述的HTML5布局检测系统，其特征在于：所述HTML5相关标签包括abbr、article、aside。
6、、audio、bdi、canvas、data、datalist、details、gcaption、gure、footer、header、hgroupmark、meter、nav、output、progress、section、summary、time、video中的至少一种。9.根据权利要求6所述的HTML5布局检测系统，其特征在于：所述网站布局确定模块还用于：当未查找到所述HTML5相关标签时，确定所述网页不是HTML5布局。10.根据权利要求6或9所述的HTML5布局检测系统，其特征在于：所述网站布局确定模块还用于：将所述网页是否是HTML5布局以消息框显示。权 利 要 求 书CN 104。
7、408208 A1/4页3一种 HTML5 布局检测方法及系统技术领域0001 本发明涉及一种网络技术，特别是涉及一种HTML5布局检测方法及系统。背景技术0002 随着互联网的发展，互联网的宣传作用和商业价值不断增长。为了提高在互联网的宣传能力，就要通过完善互联网上产品的相关网页，以让一些权威的搜索引擎愿意爬取到该产品网页上，从而让更多的用户知道、了解进而购买使用所述产品，更大程度的发掘和留住用户，进而创造更大的商业价值。0003 HTML5规范是万维网联盟(W3C)由2012年12月17日正式宣布定稿的第五版超级文本标记(HyperText Markup language)。采用HTML5。
8、布局能够更好得迎合搜索引擎优化，更精美的动画效果，更快的图片下载速度和WEB应用开发更容易，尤其是移动应用，所以采用HTML5布局对完善互联网上产品相关网页的重要性显而易见。通过确定网页界面是不是HTML5，可以在一定程度上明确看清楚产品的相关网页是否存在优化和完善的空间，更好的维护互联网产品的相关网页。但是对于互联网上产品的相关网页是否采用HTML5布局并不能直观确定，如果需要确定网站界面是不是HTML5结构，通常采用的办法为：打开网页后，通过点击右键查看源代码，然后在所述源代码中手动搜索跟HTML5相关的标签，这种方法不仅工作量大而且还可能不准确。0004 鉴于此，如何找到一种能够自动检测。
9、网站页面是否采用HTML5结构布局的方法成为了本领域技术人员亟待解决的问题。发明内容0005 鉴于以上所述现有技术的缺点，本发明的目的在于提供一种HTML5布局检测方法及系统，用于解决现有技术中确定网站界面是不是HTML5结构的方法不仅工作量大而且还可能不准确的问题。0006 为实现上述目的及其他相关目的，本发明提供一种HTML5布局检测方法，所述HTML5布局检测方法包括：接收待检测的网站地址；访问所述网站地址对应的网页并获取所述网页的源代码；在所述源代码中查找HTML5相关标签；当查找到所述HTML5相关标签时，确定所述网页是HTML5布局。0007 可选地，所述访问所述网站地址对应的网页。
10、并获取所述网页的源代码是通过后台执行完成的。0008 可选地，所述HTML5相关标签包括abbr、article、aside、audio、bdi、canvas、data、datalist、details、gcaption、gure、footer、header、hgroupmark、meter、nav、output、progress、section、summary、time、或video中的至少一种。0009 可选地，所述HTML5布局检测方法还包括：当未查找到所述HTML5相关标签时，确定所述网页不是HTML5布局。0010 可选地，所述HTML5布局检测方法还包括：将所述网页是否是HTML5。
11、布局以消息框说 明 书CN 104408208 A2/4页4显示。0011 本发明提供一种HTML5布局检测系统，所述HTML5布局检测系统包括：网站地址输入模块，用于接收待检测的网站地址；网页源码获取模块，与所述网站输入模块相连，用于从所述网站输入模块中获取所述网站地址，访问所述网站地址对应的网页并获取所述网页的源代码；网站布局确定模块，与所述网页源码获取模块相连，用于在所述源代码中查找HTML5相关标签；当查找到所述HTML5相关标签时，确定所述网页是HTML5布局。0012 可选地，所述网页源码获取模块中的访问所述网站地址对应的网页并获取所述网页的源代码是通过后台执行完成的。0013 可。
12、选地，所述HTML5相关标签包括abbr、article、aside、audio、bdi、canvas、data、datalist、details、gcaption、gure、footer、header、hgroupmark、meter、nav、output、progress、section、summary、time、video中的至少一种。0014 可选地，所述网站布局确定模块还用于：当未查找到所述HTML5相关标签时，确定所述网页不是HTML5布局。0015 可选地，所述网站布局确定模块还用于：将所述网页是否是HTML5布局以消息框显示。0016 如上所述，本发明的一种HTML5布局检测方。
13、法及系统，具有以下有益效果：能够自动检测网站页面是否采用HTML5结构布局。附图说明0017 图1显示为本发明的一种HTML5布局检测方法的一实施例的流程示意图。0018 图2显示为本发明的一种HTML5布局检测系统的一实施例的模块示意图。0019 元件标号说明0020 0021 具体实施方式0022 以下通过特定的具体实例说明本发明的实施方式，本领域技术人员可由本说明书所揭露的内容轻易地了解本发明的其他优点与功效。本发明还可以通过另外不同的具体实施方式加以实施或应用，本说明书中的各项细节也可以基于不同观点与应用，在没有背离本发明的精神下进行各种修饰或改变。0023 需要说明的是，本实施例中所。
14、提供的图示仅以示意方式说明本发明的基本构想，遂图式中仅显示与本发明中有关的组件而非按照实际实施时的组件数目、形状及尺寸绘制，其实际实施时各组件的型态、数量及比例可为一种随意的改变，且其组件布局型态也可说 明 书CN 104408208 A3/4页5能更为复杂。0024 一种HTML5布局检测方法。在一个实施例中，如图1所示，所述HTML5布局检测方法包括：0025 步骤S1，接收待检测的网站地址。在一个实施例中，接收用户输入的待检测的网站地址。0026 步骤S2，访问所述网站地址对应的网页并获取所述网页的源代码。在一个实施例中，所述访问所述网站地址对应的网页并获取所述网页的源代码是通过后台执行。
15、完成的。0027 步骤S3，在所述源代码中查找HTML5相关标签。在一个实施例中，所述HTML5相关标签包括abbr、article、aside、audio、bdi、canvas、data、datalist、details、gcaption、gure、footer、header、hgroupmark、meter、nav、output、progress、section、summary、time、video中的至少一种。即判断源代码中是否包含abbr、article、aside、audio、bdi、canvas、data、datalist、details、gcaption、gure、footer、。
16、header、hgroup mark、meter、nav、output、progress、section、summary、time、video这些标签中的一个或者多个。这些标签都是HTML5布局所用的特有标签。0028 步骤S4，当查找到所述HTML5相关标签时，确定所述网页是HTML5布局。具体地，当在所述源代码中查找到abbr、article、aside、audio、bdi、canvas、data、datalist、details、gcaption、gure、footer、header、hgroup mark、meter、nav、output、progress、section、summar。
17、y、time、video这些标签中的一个或者多个时，判断所述网页采用的是HTML5布局。0029 在一个实施例中，所述HTML5布局检测方法还包括：当未查找到所述HTML5相关标签时，确定所述网页不是HTML5布局。具体地，当在所述源代码中未查找到abbr、article、aside、audio、bdi、canvas、data、datalist、details、gcaption、gure、footer、header、hgroup mark、meter、nav、output、progress、section、summary、time、video这些标签中的任一个时，判断所述网页采用的不是HTML。
18、5布局。0030 在一个实施例中，所述HTML5布局检测方法还包括：将所述网页是否是HTML5布局以消息框显示。具体地，当确定所述网页是HTML5布局时，以消息框显示所述网站网址的网页布局是HTML5布局。当确定所述网页不是HTML5布局时，以消息框显示所述网站网址的网页布局不是HTML5布局。0031 本发明提供一种HTML5布局检测系统。在一个实施例中，如图2所示，所述HTML5布局检测系统1包括网站地址输入模块11、网页源码获取模块12以及网站布局确定模块13，其中：0032 网站地址输入模块11用于接收待检测的网站地址。在一个实施例中，接收用户输入的待检测的网站地址。0033 网页源码。
19、获取模块12与所述网站输入模块11相连，用于从所述网站输入模块中获取所述网站地址，访问所述网站地址对应的网页并获取所述网页的源代码。在一个实施例中，所述网页源码获取模块中的访问所述网站地址对应的网页并获取所述网页的源代码是通过后台执行完成的。0034 网站布局确定模块13与所述网页源码获取模块12相连，用于在所述源代码中查找HTML5相关标签；当查找到所述HTML5相关标签时，确定所述网页是HTML5布局。在一说 明 书CN 104408208 A4/4页6个实施例中，所述HTML5相关标签包括abbr、article、aside、audio、bdi、canvas、data、datalist、。
20、details、gcaption、gure、footer、header、hgroupmark、meter、nav、output、progress、section、summary、time、video中的至少一种。当在所述源代码中查找到abbr、article、aside、audio、bdi、canvas、data、datalist、details、gcaption、gure、footer、header、hgroup mark、meter、nav、output、progress、section、summary、time、video这些标签中的一个或者多个时，判断所述网页采用的是HTML5布局。0。
21、035 在一个实施例中，网站布局确定模块13还用于：当未查找到所述HTML5相关标签时，确定所述网页不是HTML5布局。具体地，当在所述源代码中未查找到abbr、article、aside、audio、bdi、canvas、data、datalist、details、gcaption、gure、footer、header、hgroup mark、meter、nav、output、progress、section、summary、time、video这些标签中的任一个时，判断所述网页采用的不是HTML5布局。0036 在一个实施例中，网站布局确定模块13还用于：将所述网页是否是HTML5布局以消。
22、息框显示。具体地，当确定所述网页是HTML5布局时，以消息框显示所述网站网址的网页布局是HTML5布局。当确定所述网页不是HTML5布局时，以消息框显示所述网站网址的网页布局不是HTML5布局。0037 综上所述，本发明的一种HTML5布局检测方法及系统能够自动检测网站页面是否采用HTML5结构布局。所以，本发明有效克服了现有技术中的种种缺点而具高度产业利用价值。0038 上述实施例仅例示性说明本发明的原理及其功效，而非用于限制本发明。任何熟悉此技术的人士皆可在不违背本发明的精神及范畴下，对上述实施例进行修饰或改变。因此，举凡所属技术领域中具有通常知识者在未脱离本发明所揭示的精神与技术思想下所完成的一切等效修饰或改变，仍应由本发明的权利要求所涵盖。说 明 书CN 104408208 A1/1页7图1图2说 明 书 附 图CN 104408208 A。