BeautifulSoup的使用
专注于为中小企业提供成都网站建设、成都网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业芒市免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了千余家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
我们学习了正则表达式的相关用法，但是一旦正则写的有问题，可能得到的就不是我们想要的结果了，而且对于一个网页来说，都有一定的特殊的结构和层级关系，而且很多标签都有id或class来对作区分，所以我们借助于它们的结构和属性来提取不也是可以的吗？
所以，这一节我们就介绍一个强大的解析工具，叫做BeautiSoup，它就是借助网页的结构和属性等特性来解析网页的工具，有了它我们不用再去写一些复杂的正则，只需要简单的几条语句就可以完成网页中某个元素的提取。
废话不多说，接下来我们就来感受一下BeautifulSoup的强大之处吧。
BeautifulSoup简介
简单来说，BeautifulSoup就是Python的一个HTML或XML的解析库，我们可以用它来方便地从网页中提取数据，官方的解释如下：
BeautifulSoup提供一些简单的、python式的函数用来处理导航、搜索、修改分析树等功能。它是一个工具箱，通过解析文档为用户提供需要抓取的数据，因为简单，所以不需要多少代码就可以写出一个完整的应用程序。BeautifulSoup自动将输入文档转换为Unicode编码，输出文档转换为utf-8编码。你不需要考虑编码方式，除非文档没有指定一个编码方式，这时你仅仅需要说明一下原始编码方式就可以了。BeautifulSoup已成为和lxml、html6lib一样出色的python解释器，为用户灵活地提供不同的解析策略或强劲的速度。
所以说，利用它我们可以省去很多繁琐的提取工作，提高解析效率。
安装
使用之前，我们当然需要首先说明一下它的安装方式。目前BeautifulSoup的最新版本是4.x版本，之前的版本已经停止开发了，推荐使用pip来安装，安装命令如下：
pip3installbeautifulsoup4
当然也可以从pypi下载whl文件安装，链接如下：
https://pypi.python.org/pypi/beautifulsoup4
好，安装完成之后可以验证一下，写一段Python程序试验一下。
运行结果
Hello
如果没有报错，则证明安装没有问题，关于它的解析用法我们在后面会详细介绍。
注意在这里我们虽然安装的是beautifulsoup4这个包，但是在引入的时候是引入的bs4，这是因为这个包源代码本身的库文件夹名称就是bs4，所以安装完成之后，这个库文件夹就被移入到我们本机Python3的lib库里，所以识别到的库文件名称就叫做bs4，所以我们引入的时候就引入bs4这个包。因此，包本身的名称和我们使用时导入的包的名称并不一定是一致的。
解析器
BeautifulSoup在解析的时候实际上是依赖于解析器的，它除了支持Python标准库中的HTML解析器，还支持一些第三方的解析器比如lxml，下面我们对BeautifulSoup支持的解析器及它们的一些优缺点做一个简单的对比。
解析器使用方法优势劣势
Python标准库BeautifulSoup(markup, "html.parser")Python的内置标准库、执行速度适中 、文档容错能力强Python 2.7.3 or 3.2.2)前的版本中文容错能力差
lxml HTML 解析器BeautifulSoup(markup, "lxml")速度快、文档容错能力强需要安装C语言库
lxml XML 解析器BeautifulSoup(markup, "xml")速度快、唯一支持XML的解析器需要安装C语言库
html5libBeautifulSoup(markup, "html5lib")最好的容错性、以浏览器的方式解析文档、生成HTML5格式的文档速度慢、不依赖外部扩展
所以通过以上对比可以看出，lxml这个解析器有解析HTML和XML的功能，而且速度快，容错能力强，所以推荐使用这个库来进行解析，但是这里的劣势是必须安装一个C语言库，它叫做lxml，我们在这里依然使用pip安装即可，命令如下：
pip3installlxml
安装完成之后，我们就可以使用lxml这个解析器来解析了，在初始化的时候我们可以把第二个参数改为lxml，如下：
运行结果是完全一致的，后面BeautifulSoup的用法实例也统一用这个库来演示。
基本使用
下面我们首先用一个实例来感受一下BeautifulSoup的基本使用：
运行结果：
首先我们声明了一个变量html，它是一个HTML字符串，但是注意到，它并不是一个完整的HTML字符串，
和标签都没有闭合，但是我们将它当作第一个参数传给BeautifulSoup对象，第二个参数传入的是解析器的类型，在这里我们使用lxml，这样就完成了BeaufulSoup对象的初始化，将它赋值给soup这个变量。
那么接下来我们就可以通过调用soup的各个方法和属性对这串HTML代码解析了。
我们首先调用了prettify()方法，这个方法可以把要解析的字符串以标准的缩进格式输出，在这里注意到输出结果里面包含了和标签，也就是说对于不标准的HTML字符串BeautifulSoup可以自动更正格式，这一步实际上不是由prettify()方法做的，这个更正实际上在初始化BeautifulSoup时就完成了。
然后我们调用了soup.title.string，这个实际上是输出了HTML中
标签的文本内容。所以soup.title就可以选择出HTML中的<title>标签，再调用string属性就可以得到里面的文本了，所以我们就可以通过简单地调用几个属性就可以完成文本的提取了，是不是非常方便？</p><p>标签选择器</p><p>刚才我们选择元素的时候直接通过调用标签的名称就可以选择节点元素了，然后再调用string属性就可以得到标签内的文本了，这种选择方式速度非常快，如果单个标签结构话层次非常清晰，可以选用这种方式来解析。</p><p>选择元素</p><p>下面我们再用一个例子详细说明一下它的选择方法。</p><p><img src="/upload/otherpic70/13717038-0959e07683c51cf0.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-66d31af839ef3584.png" alt="Python3中BeautifulSoup的使用方法"></p><p>在这里我们依然选用了刚才的HTML代码，我们首先打印输出了title标签的选择结果，输出结果正是title标签加里面的文字内容。接下来输出了它的类型，是bs4.element.Tag类型，这是BeautifulSoup中的一个重要的数据结构，经过选择器选择之后，选择结果都是这种Tag类型，它具有一些属性比如string属性，调用Tag的string属性，就可以得到节点的文本内容了，所以接下来的输出结果正是节点的文本内容。</p><p>接下来我们又尝试选择了head标签，结果也是标签加其内部的所有内容，再接下来选择了p标签，不过这次情况比较特殊，我们发现结果是第一个p标签的内容，后面的几个p标签并没有选择到，也就是说，当有多个标签时，这种选择方式只会选择到第一个匹配的标签，其他的后面的标签都会忽略。</p><p>提取信息</p><p>在上面我们演示了调用string属性来获取文本的值，那我们要获取标签属性值怎么办呢？获取标签名怎么办呢？下面我们来统一梳理一下信息的提取方式</p><p>获取名称</p><p>可以利用name属性来获取标签的名称。还是以上面的文本为例，我们选取title标签，然后调用name属性就可以得到标签名称。</p><p>print(soup.title.name)</p><p>运行结果:</p><p>title</p><p>获取属性</p><p>每个标签可能有多个属性，比如id，class等等，我们选择到这个节点元素之后，可以调用attrs获取所有属性。</p><p>print(soup.p.attrs)</p><p>print(soup.p.attrs['name'])</p><p>运行结果：</p><p>{'class':['title'],'name':'dromouse'}</p><p>dromouse</p><p>可以看到attrs的返回结果是字典形式，把选择的标签的所有属性和属性值组合成一个字典，接下来如果要获取name属性，就相当于从字典中获取某个键值，只需要用中括号加属性名称就可以得到结果了，比如获取name属性就可以通过attrs['name']得到相应的属性值。</p><p>其实这样的写法还有点繁琐，还有一种更简单的获取方式，我们可以不用写attrs，直接节点元素后面加中括号，传入属性名就可以达到属性值了，样例如下：</p><p>print(soup.p['name'])</p><p>print(soup.p['class'])</p><p>运行结果：</p><p>dromouse</p><p>['title']</p><p>在这里注意到有的返回结果是字符串，有的返回结果是字符串组成的列表。比如name属性的值是唯一的，返回的结果就是单个字符串，而对于class，一个节点元素可能由多个class，所以返回的是列表，所以在实际处理过程中要注意判断类型。</p><p>获取内容</p><p>可以利用string属性获取节点元素包含的文本内容，比如上面的文本我们获取第一个p标签的文本：</p><p>print(soup.p.string)</p><p>运行结果：</p><p>The Dormouse's story</p><p>再次注意一下这里选择到的p标签是第一个p标签，获取的文本也就是第一个p标签里面的文本。</p><p>嵌套选择</p><p>在上面的例子中我们知道每一个返回结果都是bs4.element.Tag类型，它同样可以继续调用标签进行下一步的选择，比如我们获取了head节点元素，我们可以继续调用head来选取其内部的head节点元素。</p><p><img src="/upload/otherpic70/13717038-02c14afa65dc1135.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-39845be53a4886ff.png" alt="Python3中BeautifulSoup的使用方法"></p><p>第一行结果是我们调用了head之后再次调用了title来选择的title节点元素，然后我们紧接着打印输出了它的类型，可以看到它仍然是bs4.element.Tag类型，也就是说我们在Tag类型的基础上再次选择得到的依然还是Tag类型，每次返回的结果都相同，所以这样我们就可以这样做嵌套的选择了。</p><p>最后输出了一下它的string属性，也就是标签里的文本内容。</p><p>关联选择</p><p>我们在做选择的时候有时候不能做到一步就可以选择到想要的节点元素，有时候在选择的时候需要先选中某一个节点元素，然后以它为基准再选择它的子节点、父节点、兄弟节点等等。所以在这里我们就介绍下如何来选择这些节点元素。</p><p>子节点和子孙节点</p><p>选取到了一个节点元素之后，如果想要获取它的直接子节点可以调用contents属性，我们用一个实例来感受一下：</p><p><img src="/upload/otherpic70/13717038-49d219921a993301.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-0b37e0144d0414d7.png" alt="Python3中BeautifulSoup的使用方法"></p><p>返回的结果是列表形式，p标签里面既包含文本，又包含标签，返回的结果会将他们以列表形式都统一返回。</p><p>注意得到的列表的每一个元素都是p标签的直接子节点，比如第一个a标签里面包含了一层span标签，这个就相当于孙子节点了，但是返回结果中并没有单独把span标签选出来作为结果的一部分，所以说contents属性得到的结果是直接子节点的列表。</p><p>同样地我们可以调用children属性，得到相应的结果。</p><p><img src="/upload/otherpic70/13717038-d90f37728782dc3a.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-f9ffc931406b95dc.png" alt="Python3中BeautifulSoup的使用方法"></p><p>还是同样的HTML文本，在这里我们调用了children属性来进行选择，返回结果可以看到是生成器类型，所以接下来我们用for循环输出了一下相应的内容，内容其实是一样的，只不过children返回的是生成器类型，而contents返回的是列表类型。</p><p>如果我们要得到所有的子孙节点的话可以调用descendants属性。</p><p><img src="/upload/otherpic70/13717038-3443eb650c61c0e3.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-128e7789fce097dd.png" alt="Python3中BeautifulSoup的使用方法"></p><p>返回结果还是生成器，遍历输出一下可以看到这次的输出结果就包含了span标签，descendants会递归地查询所有子节点，得到的是所有的子孙节点。</p><p>父节点和祖先节点</p><p>如果要获取某个节点元素的父节点，可以调用parent属性。</p><p><img src="/upload/otherpic70/13717038-93fa3c8f0b7550d8.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-57360e0fd2e9e0af.png" alt="Python3中BeautifulSoup的使用方法"></p><p>在这里我们选择的是第一个a标签的父节点元素，很明显它的父节点是p标签，输出结果便是p标签及其内部的内容。</p><p>注意到这里输出的仅仅是a标签的直接父节点，而没有再向外寻找父节点的祖先节点，如果我们要想获取所有的祖先节点，可以调用parents属性。</p><p><img src="/upload/otherpic70/13717038-9eace2ed27741f4c.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-6e4e8f4903d227a2.png" alt="Python3中BeautifulSoup的使用方法"></p><p>返回结果是一个生成器类型，我们在这里用列表输出了它的索引和内容，可以发现列表中的元素就是a标签的祖先节点。</p><p>兄弟节点</p><p>上面说明了子节点和父节点的获取方式，如果要获取同级的节点也就是兄弟节点应该怎么办？我们先用一个实例来感受一下：</p><p><img src="/upload/otherpic70/13717038-dd3887969584ed08.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-a12a6e0fa4365ebc.png" alt="Python3中BeautifulSoup的使用方法"></p><p>可以看到在这里我们调用了四个不同的属性，next_sibling和previous_sibling分别可以获取节点的下一个和上一个兄弟元素，next_siblings和previous_siblings则分别返回所有前面和后面的兄弟节点的生成器。</p><p>提取信息</p><p>在上面我们讲解了关联元素节点的选择方法，如果我们想要获取它们的一些信息，比如文本、属性等等也是同样的方法。</p><p><img src="/upload/otherpic70/13717038-7dffe04b03eda4bd.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-a4600ccd1268663d.png" alt="Python3中BeautifulSoup的使用方法"></p><p>如果返回结果是单个节点，那么可以直接调用string、attrs等属性来获得其文本和属性，如果返回结果是多个节点的生成器，则可以转为list后取出某个元素，然后再调用string、attrs等属性来获取其对应节点等文本和属性。</p><p>方法选择器</p><p>前面我们所讲的选择方法都是用.这种运算符来选择元素的，这种选择方法非常快，但是如果要进行比较复杂的选择的话则会比较繁琐，不够灵活。所以BeautifulSoup还为我们提供了一些查询的方法，比如find_all()、find()等方法，我们可以调用方法然后传入相应等参数就可以灵活地进行查询了。</p><p>最常用的查询方法莫过于find_all()和find()了，下面我们对它们的用法进行详细的介绍。</p><p>find_all(name , attrs , recursive , text , **kwargs)</p><p>find_all，顾名思义，就是查询所有符合条件的元素，可以给它传入一些属性或文本来得到符合条件的元素，功能十分强大。</p><p>name</p><p>我们可以根据标签名来查询元素，下面我们用一个实例来感受一下：</p><p><img src="/upload/otherpic70/13717038-6c32ea879175f81c.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-eadca22d90c8758a.png" alt="Python3中BeautifulSoup的使用方法"></p><p>在这里我们调用了find_all()方法，传入了一个name参数，参数值为ul，也就是说我们想要查询所有ul标签，返回结果是list类型，长度为2，每个元素依然都是bs4.element.Tag类型。</p><p>因为都是Tag类型，所以我们依然可以进行嵌套查询，还是同样的文本，在这里我们查询出所有ul标签后再继续查询其内部的li标签。</p><p>forulinsoup.find_all(name='ul'):</p><p>print(ul.find_all(name='li'))</p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-0d7c848457772c2a.png" alt="Python3中BeautifulSoup的使用方法"></p><p>返回结果是列表类型，列表中的每个元素依然还是Tag类型。</p><p>接下来我们就可以遍历每个li获取它的文本了。</p><p><img src="/upload/otherpic70/13717038-655fddfbd575ef9c.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-ad7aaadf0073cd5f.png" alt="Python3中BeautifulSoup的使用方法"></p><p>attrs</p><p>除了根据标签名查询，我们也可以传入一些属性来进行查询，我们用一个实例感受一下：</p><p><img src="/upload/otherpic70/13717038-4748268d06ce329c.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-2ae3808fafebd523.png" alt="Python3中BeautifulSoup的使用方法"></p><p>在这里我们查询的时候传入的是attrs参数，参数的类型是字典类型，比如我们要查询id为list-1的节点，那就可以传入attrs={'id': 'list-1'}的查询条件，得到的结果是列表形式，包含的内容就是符合id为list-1的所有节点，上面的例子中符合条件的元素个数是1，所以结果是长度为1的列表。</p><p>对于一些常用的属性比如id、class等，我们可以不用attrs来传递，比如我们要查询id为list-1的节点，我们可以直接传入id这个参数，还是上面的文本，我们换一种方式来查询。</p><p><img src="/upload/otherpic70/13717038-9b8227bb3e6c6bcd.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-ff718955b7a9c81c.png" alt="Python3中BeautifulSoup的使用方法"></p><p>在这里我们直接传入id='list-1'就可以查询id为list-1的节点元素了。而对于class来说，由于class在python里是一个关键字，所以在这里后面需要加一个下划线，class_='element'，返回的结果依然还是Tag组成的列表。</p><p>text</p><p>text参数可以用来匹配节点的文本，传入的形式可以是字符串，可以是正则表达式对象，我们用一个实例来感受一下：</p><p><img src="/upload/otherpic70/13717038-f26e2ab8549e5034.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p>['Hello, this is a link','Hello, this is a link, too']</p><p>在这里有两个a节点，其内部包含有文本信息，在这里我们调用find_all()方法传入text参数，参数为正则表达式对象，结果会返回所有匹配正则表达式的节点文本组成的列表。</p><p>find(name , attrs , recursive , text , **kwargs)</p><p>除了find_all()方法，还有find()方法，只不过find()方法返回的是单个元素，也就是第一个匹配的元素，而find_all()返回的是所有匹配的元素组成的列表。</p><p><img src="/upload/otherpic70/13717038-a7129d84b80a4d05.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-466731c4a82aeae8.png" alt="Python3中BeautifulSoup的使用方法"></p><p>返回结果不再是列表形式，而是第一个匹配的节点元素，类型依然是Tag类型。</p><p>另外还有许多的查询方法，用法与前面介绍的find_all()、find()方法完全相同，只不过查询范围不同，在此做一下简单的说明。</p><p>find_parents() find_parent()</p><p>find_parents()返回所有祖先节点，find_parent()返回直接父节点。</p><p>find_next_siblings() find_next_sibling()</p><p>find_next_siblings()返回后面所有兄弟节点，find_next_sibling()返回后面第一个兄弟节点。</p><p>find_previous_siblings() find_previous_sibling()</p><p>find_previous_siblings()返回前面所有兄弟节点，find_previous_sibling()返回前面第一个兄弟节点。</p><p>find_all_next() find_next()</p><p>find_all_next()返回节点后所有符合条件的节点, find_next()返回第一个符合条件的节点。</p><p>find_all_previous() 和 find_previous()</p><p>find_all_previous()返回节点后所有符合条件的节点, find_previous()返回第一个符合条件的节点</p><p>CSS选择器</p><p>BeautifulSoup还提供了另外一种选择器，那就是CSS选择器，如果对web开发熟悉对话，CSS选择器肯定也不陌生，如果不熟悉的话，可以看一下CSS选择器参考手册。</p><p>使用CSS选择器，只需要调用select()方法，传入相应的CSS选择器即可，我们用一个实例来感受一下：</p><p><img src="/upload/otherpic70/13717038-50447fc407fee191.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-c29afedbed634bcd.png" alt="Python3中BeautifulSoup的使用方法"></p><p>在这里我们用了三次CSS选择器，返回的结果均是符合CSS选择器的节点组成的列表。例如select('ul li')则是选择所有ul节点下面的所有li节点，结果便是所有的li节点组成的列表。</p><p>最后一句我们打印输出了列表中元素的类型，可以看到类型依然是Tag类型。</p><p>嵌套选择</p><p>select()方法同样支持嵌套选择，例如我们先选择所有ul节点，再遍历每个ul节点选择其li节点，样例如下：</p><p><img src="/upload/otherpic70/13717038-5bc23db3e8c238ef.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-459cd896a26e2f8b.png" alt="Python3中BeautifulSoup的使用方法"></p><p>可以看到正常输出了遍历每个ul节点之后，其下的所有li节点组成的列表。</p><p>获取属性</p><p>我们知道节点类型是Tag类型，所以获取属性还是可以用原来的方法获取，仍然是上面的HTML文本，我们在这里尝试获取每个ul节点的id属性。</p><p><img src="/upload/otherpic70/13717038-99289719b42e8005.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-28fa7f2f2fe486b3.png" alt="Python3中BeautifulSoup的使用方法"></p><p>可以看到直接传入中括号和属性名和通过attrs属性获取属性值都是可以成功的。</p><p>获取文本</p><p>那么获取文本当然也可以用前面所讲的string属性，还有一个方法那就是get_text()，同样可以获取文本值。</p><p><img src="/upload/otherpic70/13717038-1e1977e687fb1b56.png" alt="Python3中BeautifulSoup的使用方法"></p><p>运行结果：</p><p><img src="/upload/otherpic70/13717038-d3d9c499a9630adc.png" alt="Python3中BeautifulSoup的使用方法"></p><p>二者的效果是完全一致的，都可以获取到节点的文本值。</p><p>综述</p><p>到此BeautifulSoup的使用介绍基本就结束了，最后做一下简单的总结：</p><p>推荐使用lxml解析库，必要时使用html.parser</p><p>标签选择筛选功能弱但是速度快</p><p>建议使用find()、find_all() 查询匹配单个结果或者多个结果</p><p>如果对CSS选择器熟悉的话可以使用select()选择法</p>
<br>
新闻名称：Python3中BeautifulSoup的使用方法 <br>
转载注明：<a href="http://mbwzsj.com/article/pceoic.html">http://mbwzsj.com/article/pceoic.html</a>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li><a href="/article/iohpds.html">如何让百度图片收录,我的照片被收录在百度图片里</a></li><li><a href="/article/iohjii.html">怎么修改服务器的密码</a></li><li><a href="/article/iohpci.html">如何让百度收录页面,网站如何被百度快速收录</a></li><li><a href="/article/iohjjo.html">cad设置绘图比例，cad如何设置绘图比例</a></li><li><a href="/article/iohjhp.html">阿里云备案要多少钱，阿里云代备案不是不要钱吗我弄核验单和网络信息服务都花了15元</a></li> </ul>
</div>
</div>
<div class="oneE">
<div class="oneEa container wow fadeInUp">
<ul>
<li>
<dd><img src="/Public/Home/img/oe1.png" alt=""></dd>
<h3>网站建设专属方案</h3>
</li>
<li>
<dd><img src="/Public/Home/img/oe2.png" alt=""></dd>
<h3>网站定制化设计</h3>
</li>
<li>
<dd><img src="/Public/Home/img/oe3.png" alt=""></dd>
<h3>7X24小时服务</h3>
</li>
<li>
<dd><img src="/Public/Home/img/oe4.png" alt=""></dd>
<h3>N对管家服务</h3>
</li>
</ul>
</div>
<div class="oneEb container wow fadeInUp">
<h2>让你的专属顾问为你服务</h2>
<form action="">
<input type="text" placeholder="需求">
<input type="text" placeholder="输入你的联系方式(微信或电话号码)">
<button>立即联系</button>
</form>
</div>
</div>
<footer>
<div class="foot container">
<div class="footl">
<img src="/Public/Home/img/logo.png" alt="">
<p>用前卫的视觉</p>
<p>把握好每一个细节</p>
</div>
<div class="footc">
<dl>
<dt>服务项目</dt>
<dd><a href="">网站建设</a></dd>
<dd><a href="">网站优化</a></dd>
<dd><a href="">网站设计</a></dd>
<dd><a href="">小程序开发</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
<dl>
<dt>客户案例</dt>
<dd><a href="">网站案例</a></dd>
<dd><a href="">优化案例</a></dd>
<dd><a href="">外贸网站案例</a></dd>
</dl>
<dl>
<dt>资讯中心</dt>
<dd><a href="">建站动态</a></dd>
<dd><a href="">网站知识</a></dd>
<dd><a href="">网站运营</a></dd>
</dl>
<dl>
<dt>快捷导航</dt>
<dd><a href="">关于翔捷宏鑫</a></dd>
<dd><a href="">联系方式</a></dd>
</dl>
</div>
<div class="footr">
<h3>联系方式</h3>
<p>地址：成都市太升南路288号锦天国际A幢1002号</p>
<div class="tel">
<i><img src="/Public/Home/img/ftel.png" alt=""></i><a href="tel:13518219792">电话：13518219792</a>
</div>
</div>
</div>
<div class="yqlink container">
标签：
<a href="http://www.zsjierui.cn/" target="_blank">资阳</a>
<a href="http://www.wzjierui.cn/" target="_blank">温江</a>
<a href="http://www.ndjierui.cn/" target="_blank">南部</a>
<a href="http://www.ptjierui.cn/" target="_blank">郫县</a>
<a href="http://www.hzjierui.cn/" target="_blank">彭州</a>
<a href="http://www.ncjierui.cn/" target="_blank">彭山</a>
<a href="http://www.whjierui.cn/" target="_blank">乐山</a>
<a href="http://www.ahjierui.cn/" target="_blank">简阳</a>
<a href="http://www.csjierui.cn/" target="_blank">绵阳</a>
<a href="http://www.qhjierui.cn/" target="_blank">德阳</a>
<a href="http://www.scjierui.cn/" target="_blank">四川</a>
<a href="http://www.tjjierui.cn/" target="_blank">什邡</a>
<a href="http://www.tyjierui.cn/" target="_blank">绵竹</a>
<a href="http://www.xzjierui.cn/" target="_blank">眉山</a>
<a href="http://www.sxjierui.cn/" target="_blank">双流</a>
<a href="http://www.ptruijie.cn/" target="_blank">新都</a>
<a href="http://www.xjjierui.cn/" target="_blank">新津</a>
<a href="http://www.jljierui.cn/" target="_blank">龙泉</a>
<a href="http://www.gyruijie.cn/" target="_blank">广汉</a>
<a href="http://www.csruizhi.cn/" target="_blank">崇州</a>
<a href="http://www.zjjierui.cn/" target="_blank">广元</a>
<a href="http://www.zzjierui.cn/" target="_blank">广安</a>
<a href="http://www.hnjierui.cn/" target="_blank">巴中</a>
<a href="http://www.fjjierui.cn/" target="_blank">达州</a>
<a href="http://www.gyjierui.cn/" target="_blank">南充</a>
<a href="http://www.fzjierui.cn/" target="_blank">遂宁</a>
<a href="http://www.cdjierui.cn/" target="_blank">广安</a>
<a href="http://www.jxjierui.cn/" target="_blank">内江</a>
<a href="http://www.jxruijie.cn/" target="_blank">自贡</a>
<a href="http://www.hyruijie.cn/" target="_blank">泸州</a>
<a href="http://www.gzruizhi.cn/" target="_blank">宜宾</a>
</div>
<div class="copy container">
<div class="copyl">
© Copyright 2025 青羊区翔捷宏鑫字牌设计制作工作室（个体工商户） 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow" style="color:#FFFFFF">蜀ICP备2025123194号-11</a>
<a href="https://www.cdcxhl.com/menu.html">网站地图</a>
<a href="https://www.cdcxhl.com/articles/" rel="nofollow">其他文章分类</a>
<a href="http://www.mbwzsj.com/">马边翔捷宏鑫建站</a>
</div>
<div class="copyr">
<i><img src="/Public/Home/img/foot1.png" alt=""></i>
<i><img src="/Public/Home/img/foot2.png" alt=""></i>
<i><img src="/Public/Home/img/foot3.png" alt=""></i>
<i><img src="/Public/Home/img/foot4.png" alt=""></i>
</div>
</div>
<div class="bq_tag container">
热门推荐：
<a href="http://chengdu.cdcxhl.com/weixin/" target="_blank">微信公众号开发</a><a href="http://www.cxhlcq.com/mobile/" target="_blank">重庆手机网站建设</a><a href="http://www.tyjike.cn/" target="_blank">成都富士康招工</a><a href="http://www.njjike.cn/" target="_blank">成都办公窗帘</a><a href="http://www.gzzbrs.cn/" target="_blank">天泽尚品</a><a href="http://www.cdhuace.com/faguangzi/minifgz.html" target="_blank">迷你发光字</a><a href="https://www.cdxwcx.com/city/wenjiang/" target="_blank">温江做网站</a><a href="http://www.weihuwangzhan.cn/" target="_blank">成都网站维护公司</a><a href="http://www.bjjike.cn/" target="_blank">红光高低压开关厂</a><a href="https://www.cdxwcx.com/tuiguang/ruanwen.html" target="_blank">软文推广</a><a href="http://www.bswzsj.com/" target="_blank">巴彦网站建设</a><a href="http://www.skart.cn/" target="_blank">四川艺考培训</a> </div>
</footer>
<div class="footbarline"></div>
<div id="footbar" class="uin0">
<ul>
<li class="on" data-href="/"><a><i><svg t="1638436981291" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2991" width="48" height="48"><path d="M958.400956 451.54921c-0.058328-5.760191-2.597151-11.215436-6.965645-14.97097L524.345166 69.511143c-7.498788-6.445806-18.581194-6.445806-26.079982 0L309.582871 231.6755l0-102.017488c0-11.04966-8.901741-19.532869-19.951401-19.532869l-88.034009 0c-11.048637 0-19.928888 8.482185-19.928888 19.532869l0 211.954343L71.176063 436.57824c-4.423753 3.800559-6.967692 9.341762-6.967692 15.173584l0 105.500822c0 7.819083 4.554736 14.921851 11.660574 18.183128 2.670829 1.226944 5.51562 1.824555 8.343015 1.824555 4.699022 0 9.346879-1.654686 13.048177-4.836145l53.29788-45.825698 0 324.100516c0 60.677964 49.364291 110.042255 110.042255 110.042255L764.792447 960.741257c60.677964 0 110.042255-49.364291 110.042255-110.042255L874.834702 527.026228l51.585889 44.335764c5.955642 5.119601 14.356986 6.282077 21.481244 2.965541 7.122211-3.313465 11.645225-10.488889 11.565407-18.342764L958.400956 451.54921zM221.578538 150.034085l48.095391 0 0 115.941616-48.095391 41.336454L221.578538 150.034085zM570.718333 920.725892 436.666244 920.725892 436.666244 700.642404c0-11.031241 8.976442-20.007683 20.007683-20.007683l94.0357 0c11.031241 0 20.007683 8.976442 20.007683 20.007683L570.71731 920.725892zM834.818313 495.895207l0 354.803795c0 38.612413-31.414477 70.02689-70.02689 70.02689l-154.058748 0L610.732675 700.642404c0-33.096792-26.926256-60.023048-60.023048-60.023048l-94.0357 0c-33.096792 0-60.023048 26.926256-60.023048 60.023048l0 220.084511L260.59925 920.726915c-38.612413 0-70.02689-31.414477-70.02689-70.02689L190.57236 495.895207c0-1.172709-0.121773-2.314719-0.315178-3.432169l322.113255-276.958846 322.70268 277.348726C834.921667 493.848595 834.818313 494.858598 834.818313 495.895207zM525.411451 173.947727c-7.502881-6.445806-18.587334-6.446829-26.086122 0.00307L104.223736 513.663896l0-52.726875 407.081439-349.870436 407.176606 349.9523 0.521886 51.205219L525.411451 173.947727z" p-id="2992" fill="#2c2c2c"></path></svg><p>首页</p></i></a></li>
<li><a href="tel:13518219792"><i><svg t="1638437906526" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4519" width="48" height="48"><path d="M705.74 604.873333a53.4 53.4 0 0 0-75.426667 0l-37.713333 37.713334c-21.333333 21.333333-90.413333 0.1-150.846667-60.34S360.046667 452.76 381.413333 431.4l0.046667-0.046667 37.666667-37.666666a53.4 53.4 0 0 0 0-75.426667l-165.94-165.933333a53.393333 53.393333 0 0 0-75.42 0l-37.713334 37.713333c-27.866667 27.866667-44.84 64.52-50.46 108.946667-5.213333 41.206667-0.406667 87.42 14.28 137.333333C133.333333 536.586667 199.773333 642 290.9 733.1S487.42 890.666667 587.653333 920.126667c36.926667 10.86 71.813333 16.32 104.146667 16.32a264.333333 264.333333 0 0 0 33.213333-2.04c44.426667-5.62 81.08-22.593333 108.946667-50.46l37.713333-37.713334a53.393333 53.393333 0 0 0 0-75.42z m135.76 211.193334l-37.706667 37.713333c-42.58 42.573333-115.06 51.6-204.1 25.413333-93.506667-27.5-192.453333-90.1-278.62-176.266666s-148.766667-185.113333-176.266666-278.62c-26.186667-89.033333-17.16-161.52 25.413333-204.1l37.713333-37.706667a10.666667 10.666667 0 0 1 15.086667 0l165.933333 165.933333a10.666667 10.666667 0 0 1 0 15.086667l-37.713333 37.706667C329.113333 423.333333 324.666667 458.82 338.766667 501.073333c12.426667 37.273333 38.286667 76.813333 72.813333 111.333334s74.073333 60.386667 111.333333 72.813333c16.213333 5.406667 31.42 8.08 45.26 8.08 22.233333 0 40.946667-6.913333 54.586667-20.553333l37.706667-37.713334a10.666667 10.666667 0 0 1 15.086666 0l165.933334 165.933334a10.666667 10.666667 0 0 1 0.013333 15.1zM576 234.666667a21.333333 21.333333 0 0 1 21.333333-21.333334 213.333333 213.333333 0 0 1 213.333334 213.333334 21.333333 21.333333 0 0 1-42.666667 0c0-94.106667-76.56-170.666667-170.666667-170.666667a21.333333 21.333333 0 0 1-21.333333-21.333333z m0 128a21.333333 21.333333 0 0 1 21.333333-21.333334 85.426667 85.426667 0 0 1 85.333334 85.333334 21.333333 21.333333 0 0 1-42.666667 0 42.713333 42.713333 0 0 0-42.666667-42.666667 21.333333 21.333333 0 0 1-21.333333-21.333333z m362.666667 64a21.333333 21.333333 0 0 1-42.666667 0c0-164.666667-134-298.666667-298.666667-298.666667a21.333333 21.333333 0 0 1 0-42.666667 341.073333 341.073333 0 0 1 341.333334 341.333334z" fill="#2c2c2c" p-id="4520"></path></svg><p>电话</p></i></a></li>
<li><a class="opwx"><i><svg t="1638438138558" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10851" width="48" height="48"><path d="M498.816 345.056c26.336 0 43.936-17.632 43.936-43.904 0-26.56-17.568-43.744-43.936-43.744s-52.832 17.184-52.832 43.744C446.016 327.424 472.48 345.056 498.816 345.056zM253.088 257.408c-26.336 0-52.96 17.184-52.96 43.744 0 26.272 26.624 43.904 52.96 43.904 26.24 0 43.808-17.632 43.808-43.904C296.864 274.592 279.328 257.408 253.088 257.408zM1024 626.112c0-138.88-128.832-257.216-286.976-269.536 0.224-1.728 0.32-3.52-0.064-5.312-31.712-147.84-190.688-259.296-369.824-259.296C164.704 91.968 0 233.12 0 406.624c0 93.088 47.52 176.96 137.568 243.104l-31.392 94.368c-2.016 6.144-0.192 12.896 4.704 17.152 2.976 2.56 6.72 3.904 10.496 3.904 2.432 0 4.896-0.576 7.168-1.696L246.4 704.48l14.528 2.944c36.288 7.456 67.616 13.92 106.208 13.92 11.36 0 22.88-0.512 34.176-1.472 4.576-0.384 8.448-2.688 11.072-6.016 42.496 106.336 159.616 183.104 297.44 183.104 35.296 0 71.04-8.512 103.104-16.544l90.848 49.664c2.4 1.312 5.056 1.984 7.68 1.984 3.584 0 7.168-1.216 10.048-3.552 5.056-4.096 7.136-10.848 5.248-17.024l-23.2-77.152C981.344 772.864 1024 699.328 1024 626.112zM398.592 687.968c-10.4 0.896-20.96 1.344-31.424 1.344-35.328 0-65.216-6.112-99.776-13.248L247.296 672c-3.456-0.736-7.104-0.256-10.272 1.376l-88.288 44.192 22.944-68.928c2.24-6.752-0.224-14.112-6.016-18.176C76.96 568.64 32 493.312 32 406.624c0-155.84 150.336-282.656 335.136-282.656 163.36 0 308 99.392 337.856 231.584-171.296 2.24-309.888 122.656-309.888 270.56 0 21.504 3.264 42.336 8.768 62.432C402.208 688.128 400.448 687.808 398.592 687.968zM875.456 815.552c-5.344 4.032-7.616 10.976-5.696 17.376l15.136 50.336-62.112-33.984c-2.368-1.312-5.024-1.984-7.68-1.984-1.312 0-2.624 0.16-3.904 0.512-33.312 8.416-67.776 17.088-101.344 17.088-155.904 0-282.72-107.136-282.72-238.816 0-131.68 126.816-238.784 282.72-238.784 152.928 0 282.144 109.344 282.144 238.784C992 691.744 950.624 759.04 875.456 815.552zM612.992 511.968c-17.568 0-35.136 17.696-35.136 35.232 0 17.664 17.568 35.104 35.136 35.104 26.4 0 43.84-17.44 43.84-35.104C656.832 529.632 639.392 511.968 612.992 511.968zM806.016 511.968c-17.312 0-34.88 17.696-34.88 35.232 0 17.664 17.568 35.104 34.88 35.104 26.304 0 44.064-17.44 44.064-35.104C850.08 529.632 832.352 511.968 806.016 511.968z" p-id="10852" fill="#2c2c2c"></path></svg><p>微信</p></i></a></li>
<li data-href="/about/"><a><i><svg t="1638438056011" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9170" width="48" height="48"><path d="M896 405.333333v128c0 34.133333-29.866667 64-64 64S768 567.466667 768 533.333333v-128c0-17.066667 8.533333-34.133333 17.066667-42.666666C733.866667 251.733333 640 170.666667 516.266667 170.666667H512c-128 0-221.866667 81.066667-273.066667 192 8.533333 8.533333 17.066667 25.6 17.066667 42.666666v128c0 34.133333-29.866667 64-64 64S128 567.466667 128 533.333333v-128C128 371.2 157.866667 341.333333 192 341.333333h4.266667c51.2-123.733333 174.933333-213.333333 315.733333-213.333333s264.533333 89.6 315.733333 213.333333h4.266667c34.133333 0 64 29.866667 64 64zM896 896H128c0-98.133333 170.666667-213.333333 384-213.333333s384 115.2 384 213.333333z m-59.733333-42.666667c-42.666667-59.733333-170.666667-128-324.266667-128s-281.6 68.266667-324.266667 128h648.533334zM512 682.666667c-119.466667 0-213.333333-93.866667-213.333333-213.333334s93.866667-213.333333 213.333333-213.333333 213.333333 93.866667 213.333333 213.333333-93.866667 213.333333-213.333333 213.333334z m170.666667-213.333334c0-93.866667-76.8-170.666667-170.666667-170.666666s-170.666667 76.8-170.666667 170.666666 76.8 170.666667 170.666667 170.666667 170.666667-76.8 170.666667-170.666667z" fill="#2c2c2c" p-id="9171"></path></svg><p>联系</p></i></a></li>
</ul>
<div class="fbrbg"><img src="/Public/Home/img/fbarbg.png"></div>
</div>
</body>
</html>
<script src="/Public/Home/js/jquery.min.js"></script>
<script src="/Public/Home/js/wow.min.js"></script>
<script src="/Public/Home/js/common.js"></script>
<script>
$(".ny_con img").each(function(){
var src = $(this).attr("src"); //获取图片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //绝对路径
$(this).attr("src",url);
}
});
</script> 
