#视频演示 <video width="90%" controls=""><source src="http://other.iremaker.com/65f0f83a9e5400b2eebabfba3885194ecdb82c41934c270e82a52f40c85d363f.mp4?v=lrY4S4WmIp" type="video/mp4">您的浏览器不支持 video 标签。</video> #文档讲解 <a style="text-decoration:none;" href="http://other.iremaker.com/783b597caf80a0c07c687fb7617d64593981b260e8c75aeedbfa39e668d56a52.docx?v=FhKxG277oY">word文档下载 <img src="/static/images/download.png"/></a> ### 1、目标 (1)演示day3作业 (2)分组和分组引用 ### 2、详解 ##### (1)day3作业 **1、找出《第一本快排书》中,没有“三”字的三级标题。** 剖析: A、三级标题一般是`<h3` 开头 B、“三”是一个明确的字符,会想到用`[三]` C、没有“三”,那就是取非,`[^三]` 所以正则式为:`<h3.*>[^三]+</h3>` <div align=center>![](http://img.iremaker.com/5968704e18b6a0296262bddc1742ad947ee941d53cddfcb3a49f43b630109f72.jpg?v=FqOBpbTj4F)</div> ------------ **2 、找出年份有多少个,比如 1985年** 剖析:四位数字后面加个“年”,所以正则式: `\d{4}年` 或 `[0-9]{4}年` <div align=center>![](http://img.iremaker.com/90909ff48ed703dda11efbf3f713c3a87a8a34b2d166b00580bb94e0d675a4a9.jpg?v=FvxyVog1LW)</div> ------------ ##### (2)分组和分组引用 分组就是用英文括号把部分正则式括起来。分组引用是用`\1`、`\2`、`\3`来代替前面分组匹配的内容,顺序是从左到右。 举例: `<h1 class="sect1" id="txt004_1">第三章 参与新文化运动(1917—1926)的无名氏</h1>` 这种格式替换成 <div align=center>![](http://img.iremaker.com/efb537c03fea20ca67ca1d3901cb8c33b3c6ba3c45c09d3bc8c8e70f676b38f4.jpg?v=FuDose4_cu)</div> 标黄的部分,保留原来的匹配内容,这就用到分组和分组引用 <div align=center>![](http://img.iremaker.com/4323cb981decfda46646952987e6a21fc2270291166339e07fa2417e11d4dec4.jpg?v=FsTutf07LW)</div> ------------ 结论:`\1`对应的是第一个括号匹配的内容;`\2`对应第二个括号匹配的内容;依次类推。 **一些常见用法:** A、查找标签对是不是正确,比如: `<h1>第一章 这是个一级标题</h1>` `<h1>第三章 这个一级标题正确吗?</h2>` `<h2>第二节:这是个二级标题</h2>` 查找有几个标题是对的,正则式如下: `<h(\d)>.*</h\1>` <div align=center>![](http://img.iremaker.com/8b6db905312030df37f7684c3e1ca2a041e043b4ab394de5fd897f1212763fef.jpg?v=Fs8hVIbSJY)</div> ------------ 后面的\1引用的是前面的分组,如果前面是`<h1`,后面必须是`</h1>`;如果前面是`<h2`,后面必须是`</h2>`才行。 B、调整顺序 将`<h1>第一章 这是个一级标题</h1>` 改成 `<h1>这是个一级标题 第一章</h1>` <div align=center>![](http://img.iremaker.com/b2a755d7297431130ce153a13780cd51625fc131d06c4655e4ac2e18c8701b2d.jpg?v=FtwBdcAK0s)</div> ------------ C、替换模版 将:`<h1>第三十章 站在哈佛肩上,放大自己的梦想</h1>` 替换成: `<p class="xy-chapter">第三十章</p>` `<h1 class="xy-h1-44" title="第三十章 站在哈佛肩上,放大自己的梦想">站在哈佛肩上,放大自己的梦想</h1>` <div align=center>![](http://img.iremaker.com/618be0a8085e259ff181a4c54e8cb1df6c80f3c156d32d6a0705decbd12e54f9.jpg?v=FgzPjve1hy)</div> ------------ ### 3、《第一本快排书》作业 (1)请从二级上面拆页。提示:光标定位需要拆页的段尾,按下![](http://img.iremaker.com/4b097ea6ebbe4f63061d634a3bc3e313373133733b13e7c2ee44e6c4ff60aeeb.jpg?v=Fv0Ma-Ud8J),会出现代码`<hr class="ieditor_split_marker" />`,再按`F6`,即可完成拆页。 ------------ (2)请将`<h1>第x章 xxx</h1>`替换成样式: `<p class="xy-chapter"><span class="inner-border">第一部分</span></p>` `<h1 class="xy-h1-30" title="第一部分 开端:全球失衡的危急关">开端:全球失衡的危急关</h1>`