PHP正则表达式匹配嵌套HTML标签的方法和技巧

时间:2021-10-14 06:34:04

转载请注明出处:http://blog.csdn.net/donglynn/article/details/35788879


正则表达式是一个非常有用的编程技能。一般来说,简单的抓取一个HTML页面的某一条信息,比如<title>标题</title>,是很容易实现的。但是,我们往往要抓取某一个列表页面里的多个重复的<div></div>块里的特定内容,并且<div></div>块还有嵌套的使用,我们抓取的则是每个重复<div></div>块里的多个信息。同时,网页源文件不同于一般的字符串,其还存在大量的回车、换行和制表符,这些都造成了匹配失败。而初学者往往无法判断到底是哪个环节出现了问题,并且看到高度技巧化的正则表达式会感到非常沮丧,从而导致放弃问题的解决。

经过笔者多日的研究,终于摸索出以下方法和技巧,欢迎大家交流指正。


请看如下注意点和步骤:

1.注意/一定要被转义成\/,否则会报错

preg_match_all() [function.preg-match-all]: Unknown modifier


2.正则表达式用单引号'和/作为开始和结束的标界,比如'/reg partten/',采用这样的写法,正则表达式里的双引号"不必转义

比如,

$partten='/<div class="goods_item"><a href="([^<>]+)" target="_blank"><img data-ks-lazyload="([^<>]+)" alt="([^<>]+)" width="" height=""\/>/';


3.需要先去除所有的换行符、制表符、回车等等,对于便于阅读的html源文件由于上述符号的存在会造成无法匹配。

$str=preg_replace("/[\t\n\r]+/","",$str);


4.我们感兴趣的匹配信息,通常是html元素中的属性的值,因此要去除<>,否则只会匹配最后一条之前的全部信息。

比如,对于$string="<div><a href=“1.jpg”></a></div><div><a href=“2.jpg”></a></div><div><a href=“3.jpg”></a></div>",

$partten='/<div><a href=“(.+)”/';的匹配结果是:1.jpg”></a></div><div><a href=“2.jpg”></a></div><div><a href=“3.jpg”></a></div>

这是因为,上述给出的正则表达式确实没有限定匹配的范围只是第一个超链接<a href=“1.jpg”></a>。

因此,要想匹配上述三个超链接的 href属性,需要将上述匹配限定在<a href=“1.jpg”>里面,方法也很简单,将(.+)换成([^<>]+),即可。也就是说,这个匹配不包含下一个出现<>的地方,从而将匹配限定在同一个html标签内


做到以上几点,就可以完全无视html标签嵌套不嵌套的问题,从而抓取到一个页面所有的div重复块中我们感兴趣的内容,下附一例。


<?
//被匹配的html代码
$html='
<div class="goods">
<a href="http://url1111" target="_blank">
<img data-ks-lazyload="http://1111.jpg" alt="alt1111" width="" height=""/>
</a>
</div>
<div class="goods">
<a href="http://url2222" target="_blank">
<img data-ks-lazyload="http://2222.jpg" alt="alt2222" width="" height=""/>
</a>
</div>
<div class="goods">
<a href="http://url3333" target="_blank">
<img data-ks-lazyload="http://3333.jpg" alt="alt3333" width="" height=""/>
</a>
</div>';

//去掉换行、制表等特殊字符,可以echo一下看看效果
$html=preg_replace("/[\t\n\r]+/","",$html);

//匹配表达式,注意两点,一是包含在'/ /'里面,再就是/要做转义处理成\/
$partern='/<div class="goods"><a href="([^<>]+)" target="_blank"><img data-ks-lazyload="([^<>]+)" alt="([^<>]+)" width="" height=""\/><\/a><\/div>/';

//匹配结果
preg_match_all($partern,$html,$result);

//打印结果
var_dump($result);
?>

输出结果,一共有4个子数组,第一个子数组是匹配到的所有的项,后面三个子数组是我们匹配表达式里的三个匹配项:

array(4) {
[0]=>
array(3) {
[0]=>
string(144) "<div class="goods"><a href="http://url1111" target="_blank"><img data-ks-lazyload="http://1111.jpg" alt="alt1111" width="" height=""/></a></div>"
[1]=>
string(144) "<div class="goods"><a href="http://url2222" target="_blank"><img data-ks-lazyload="http://2222.jpg" alt="alt2222" width="" height=""/></a></div>"
[2]=>
string(144) "<div class="goods"><a href="http://url3333" target="_blank"><img data-ks-lazyload="http://3333.jpg" alt="alt3333" width="" height=""/></a></div>"
}
[1]=>
array(3) {
[0]=>
string(14) "http://url1111"
[1]=>
string(14) "http://url2222"
[2]=>
string(14) "http://url3333"
}
[2]=>
array(3) {
[0]=>
string(15) "http://1111.jpg"
[1]=>
string(15) "http://2222.jpg"
[2]=>
string(15) "http://3333.jpg"
}
[3]=>
array(3) {
[0]=>
string(7) "alt1111"
[1]=>
string(7) "alt2222"
[2]=>
string(7) "alt3333"
}
}