【图】正则表达式30分钟入门教程 v2.1版

运行下面的代码就可以看到

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-CN" /> <title>正则表达式30分钟入门教程</title>  <meta name="keywords" content="正则表达式,教程,入门,文本匹配,语法" /> <meta name="description" content="30分钟内让你明白正则表达式是什么，并对它有一些基本的了解，让你可以在自己的程序或网页里使用它。" /> <meta name="author" content="deerchao" /> <style type="text/css"> h1 {text-align:center} p {text-indent:2em; line-height:140%; margin:auto 10px} span {margin:3px} table {margin:auto; border-style:solid; border-width:1px 1px 0 0; border-color:gray} td, th {border-style:solid; border-width:0 0 1px 1px; border-color:gray} caption {margin:auto; font-weight:bold} dl {margin-left:20px} dt {font-weight:bold} .name {font-weight:bold} .code {color:blue} .regex {color:red} .part {color:green} .string {font-style:italic} .desc {text-decoration:underline} .warning {font-size:small; color:red;} #clearButton {text-decoration:none; border:solid 1px gray; background-color:#eee;} </style> </head><body>正则表达式30分钟入门教程 v2.1 <p> 作者：deerchao       </article>    </section>    <section class="article-more">      <div class="rel mask-box">        <div class="content-mask"></div>        <div class="content-more js-content-more">展开更多 <span>（<span class="cont-remain">50</span>%）</span> <i class="icon-arrow"></i> </div>      </div>      <div class="gg show-pageup" data-id="pageup"></div>      <div class="soshm-box">        <div class="soshm-title"><span>分享</span></div>        <div id="soshm-box"></div>      </div>      <div class="gg show-pagedown" data-id="pagedown"></div>      <div id="wechat"></div>    </section><section class="section you-like">      <header class="section-header">        <h3 class="section-title">猜你喜欢</h3>        <div class="section-toolbar"> <a class="section-more" href="javascript:;" title="查看更多相关文章"> <span></span> <span></span> <span></span> </a> </div>      </header>      <div id="bd-recommend"></div>      <div class="article-list">                <div class="article-item">          <div class="article-grouper">            <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20160219/1603418.html" title="正则表达式30分钟入门教程 v2.1版">正则表达式30分钟入门教程 v2.1版</a></h4>            <div class="article-item-meta">                            <a href="http://m.tulaoshi.com/webkaifa/" target="_blank">Web开发</a>            </div>          </div>          <div class="article-item-thumb">            <a href="http://m.tulaoshi.com/n/20160219/1603418.html" title="正则表达式30分钟入门教程 v2.1版"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201602/19/ef0a20aa457345490531fb46e30dac28_thumb_189.jpg" alt="正则表达式30分钟入门教程 v2.1版"></a>          </div>        </div>                <div class="article-item">          <div class="article-grouper">            <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20160219/1602471.html" title="学习正则表达式30分钟入门教程(第二版)">学习正则表达式30分钟入门教程(第二版)</a></h4>            <div class="article-item-meta">                            <a href="http://m.tulaoshi.com/webkaifa/" target="_blank">Web开发</a>            </div>          </div>          <div class="article-item-thumb">            <a href="http://m.tulaoshi.com/n/20160219/1602471.html" title="学习正则表达式30分钟入门教程(第二版)"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201602/19/9b2277437ad44b5a5ee09df313225f93_thumb_189.jpg" alt="学习正则表达式30分钟入门教程(第二版)"></a>          </div>        </div>                <div class="gg" data-id="content1"></div>                <div class="article-item">          <div class="article-grouper">            <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20171117/2766281.html" title="s8lol主宰符文怎么配">s8lol主宰符文怎么配</a></h4>            <div class="article-item-meta">                            <a href="http://m.tulaoshi.com/yingxionglianmeng/" target="_blank">英雄联盟</a> <a href="http://m.tulaoshi.com/wangluoyouxi/" target="_blank">网络游戏</a>            </div>          </div>          <div class="article-item-thumb">            <a href="http://m.tulaoshi.com/n/20171117/2766281.html" title="s8lol主宰符文怎么配"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201711/17/2b6780a6d697ab474ec43d2b143a8c33.jpg" alt="s8lol主宰符文怎么配"></a>          </div>        </div>                                <div class="article-item">          <div class="article-grouper">            <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20160219/1627357.html" title="30分钟正则表达式指导">30分钟正则表达式指导</a></h4>            <div class="article-item-meta">                            <a href="http://m.tulaoshi.com/webkaifa/" target="_blank">Web开发</a>            </div>          </div>          <div class="article-item-thumb">            <a href="http://m.tulaoshi.com/n/20160219/1627357.html" title="30分钟正则表达式指导"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201602/19/46b9478c23fbfaa429e07b5c3d118194_thumb_189.jpg" alt="30分钟正则表达式指导"></a>          </div>        </div>                <div class="article-item">          <div class="article-grouper">            <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20160219/1603370.html" title="正则表达式">正则表达式</a></h4>            <div class="article-item-meta">                            <a href="http://m.tulaoshi.com/webkaifa/" target="_blank">Web开发</a>            </div>          </div>          <div class="article-item-thumb">            <a href="http://m.tulaoshi.com/n/20160219/1603370.html" title="正则表达式"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201602/19/527e708f212c9cac6dfe1ea95f36a3aa_thumb_189.jpg" alt="正则表达式"></a>          </div>        </div>                <div class="gg" data-id="content2"></div>                <div class="article-item">          <div class="article-grouper">            <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20171116/2766194.html" title="lol偷钱流符文搭配推荐">lol偷钱流符文搭配推荐</a></h4>            <div class="article-item-meta">                            <a href="http://m.tulaoshi.com/yingxionglianmeng/" target="_blank">英雄联盟</a> <a href="http://m.tulaoshi.com/wangluoyouxi/" target="_blank">网络游戏</a>            </div>          </div>          <div class="article-item-thumb">            <a href="http://m.tulaoshi.com/n/20171116/2766194.html" title="lol偷钱流符文搭配推荐"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201711/16/68ce3c7443802f29f089fd2b8aeacfac.jpg" alt="lol偷钱流符文搭配推荐"></a>          </div>        </div>                                <div class="article-item">          <div class="article-grouper">            <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20160219/1596402.html" title="正则表达式口诀 正则表达式学习工具">正则表达式口诀 正则表达式学习工具</a></h4>            <div class="article-item-meta">                            <a href="http://m.tulaoshi.com/webkaifa/" target="_blank">Web开发</a>            </div>          </div>          <div class="article-item-thumb">            <a href="http://m.tulaoshi.com/n/20160219/1596402.html" title="正则表达式口诀 正则表达式学习工具"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201602/19/286d800e75ea8ab545bc7074efb915d4_thumb_189.jpg" alt="正则表达式口诀 正则表达式学习工具"></a>          </div>        </div>                <div class="article-item">          <div class="article-grouper">            <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20160219/1612791.html" title="正则表达式语法">正则表达式语法</a></h4>            <div class="article-item-meta">                            <a href="http://m.tulaoshi.com/webkaifa/" target="_blank">Web开发</a>            </div>          </div>          <div class="article-item-thumb">            <a href="http://m.tulaoshi.com/n/20160219/1612791.html" title="正则表达式语法"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201602/19/16155d268a2ba04c7676c1fb35ec6de7_thumb_189.jpg" alt="正则表达式语法"></a>          </div>        </div>                <div class="gg" data-id="content3"></div>                        <div class="article-item">          <div class="article-grouper">            <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20171116/2766140.html" title="lolAD刺客新符文搭配推荐">lolAD刺客新符文搭配推荐</a></h4>            <div class="article-item-meta">                            <a href="http://m.tulaoshi.com/yingxionglianmeng/" target="_blank">英雄联盟</a>            </div>          </div>          <div class="article-item-thumb">            <a href="http://m.tulaoshi.com/n/20171116/2766140.html" title="lolAD刺客新符文搭配推荐"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201711/16/bd0c64bbcf0c4a08cdc15ba757ac2fa3.jpg" alt="lolAD刺客新符文搭配推荐"></a>          </div>        </div>                        <div class="article-item">          <div class="article-grouper">            <h4 class="article-item-title"><a href="/n/20160219/1603417.html">简单的职工管理系统（V1.1修改版）内含中文注释</a></h4>          </div>          <div class="article-item-thumb">            <a href="/n/20160219/1603417.html" title="简单的职工管理系统（V1.1修改版）内含中文注释"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201602/19/745656e765c40496a2f13bd66d0e2222_thumb_189.jpg" alt="简单的职工管理系统（V1.1修改版）内含中文注释"></a>          </div>        </div>                                <div class="article-item">          <div class="article-grouper">            <h4 class="article-item-title"><a href="/n/20160219/1603419.html">几个游戏代码(机器人大战)</a></h4>          </div>          <div class="article-item-thumb">            <a href="/n/20160219/1603419.html" title="几个游戏代码(机器人大战)"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201602/19/4c844d6571cbcd14208bfa96ea3699d9_thumb_189.jpg" alt="几个游戏代码(机器人大战)"></a>          </div>        </div>                <div class="gg" data-id="content4"></div>              </div>    </section>    <div class="loadbox">      <div class="load-btn">下拉加载更多内容 ↓</div>      <div class="icon-loading"></div>    </div>    <div class="gg show-banner2" data-id="banner2"></div>        <div class="gg show-foot" data-id="foot"></div>  </section>  <footer id="footer" class="site-footer">        <ul class="footer-nav">            <li><a href="/" title="图老师首页">首页</a></li>            <li><a href="/diannao/sitemap/" title="地图">地图</a></li>            <li><a href="/update/6/" title="最新">最新</a></li>        </ul>  </footer>  <div id="fixed-box" class="js-insert-box" data-id="fixed"></div>  <script src="http://i1.tulaoshi.com/js/mobile.js"></script>    <script type="application/ld+json">    {      "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",      "@id": "http://m.tulaoshi.com/n/20160219/1603418.html",      "appid": "1556758182286999",      "title": "正则表达式30分钟入门教程 v2.1版",      "images": [          "http://img.tulaoshi.com/201602/19/ef0a20aa457345490531fb46e30dac28_thumb_189.jpg"      ],      "description": "今天图老师小编给大家展示的是正则表达式30分钟入门教程 v2.1版，精心挑选的内容希望大家多多支持、多多分享，喜欢就赶紧get哦！",      "pubDate": "2016-02-19T13:13:55"    }  </script></body></html>