如何批量修改删除html文件中的标签属性

这篇具有很好参考价值的文章主要介绍了如何批量修改删除html文件中的标签属性。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

最近工作中遇到一个问题,一份html文档因为内容里面的样式标签过多导致文件整体过大。

这些描述标签不是必须的,现在需要优化删除掉这些标签从而减小文件体积。

对于这种批量修改删除的任务,我们首先想到的就是使用编辑器处理。

编辑html文档,我使用的是VS Code,它支持正则表达式搜索和过滤,用起来非常好用。

整个任务的核心就是使用正则表达式过滤筛选出需要修改的内容,进行统一删除处理。

由于之前没有怎么使用过正则表达式,这几天学习了一下,以此记录。

一、 VS Code 批量筛选

在VS Code页面左上角的输入框内输入想要筛选的内容,比如关键词style。

之后点击右侧的".*"按钮,就可以筛选出全局所有用到style的地方了。

二、加入正则过滤

假如需要删除的内容为style=" font-sizing = 1.5pt; width = 10.5%; #000000;"

但是每个属性的名称,值,都不同,我们如何根据正则把它筛选出来呢?

在正则表达式中[a-z]可以筛选出任意一个小写字母,而[a-zA-Z0-9]可以筛选出任意字母,数字。

根据这个规律,我们可以指定我们的筛选策略。

以style="[ ]"为基础,[ ]内是我们要添加的规则。

根据需求,我们填充[ ]内内容如下

[a-zA-Z0-9\-_ ;:.,#%]

\-是-的转义符,直接输入-好像会有问题,使用"\-"来过滤"-"。

空格是可以直接输入进去的,所以_和;之间打了空格。

这种描述方式的好处在于它会精准地筛选出style=""以及双引号内的描述内容,从而把所有style都过滤出来,方便进行删除或编辑。

如何批量修改删除html文件中的标签属性

在选择出所有style之后,点击Replace输入框最右侧的按钮,就可以进行替换。

由于Replace内容为空,所以替换为空就是删除操作。

至此,我们就实现了对于html文件中,多余描述标签的批量删除操作。

 

由于时间有限,对于正则没很深入的了解,日后有需求再深入学习,目前已经足够处理工作中遇到的问题了。文章来源地址https://www.toymoban.com/news/detail-427601.html

到了这里,关于如何批量修改删除html文件中的标签属性的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 如何批量修改文件名

    如何批量修改文件名

    此文章仅记录博主遇到的问题想到的解决方案,并不代表最优解。         在工作中遇到要 批量 修改文件名,并且文件名具有 一定命名格式 ,如:要将abc_name_20230223.txt 修改为 name.txt , name的长度一致 。这种情况下需要将文件名批量提取,裁剪再重命名。如何操作更加方便

    2024年02月08日
    浏览(94)
  • 零代码编程:用ChatGPT智能批量删除文件标题中的某些字符

    零代码编程:用ChatGPT智能批量删除文件标题中的某些字符

    文件里面有很多个mp4视频文件,要批量删除文件标题中的“Little Fox - ”“Level 04”、“Level 4”、“Level04”“ - ”、“-”、“_”等字母和符号。 在ChatGPT中输入提示词如下: 你是一个Python编程专家,要完成一个批量重命名文件标题的任务,具体步骤如下: 打开文件夹:F:新

    2024年01月22日
    浏览(10)
  • 如何批量删除k8s中的异常pod信息

    kubectl get pods 发现有很多pod出问题了 Evicted可使用kubectl中的强制删除命令 批量删除所有“Evicted”状态的pod即可 OutOfCpu可使用kubectl中的强制删除命令 批量删除所有“OutOfcpu ”状态的pod即可 Terminating可使用kubectl中的强制删除命令

    2024年02月12日
    浏览(8)
  • 【HTML5】HTML5 多媒体标签 ② ( 视频标签 <video> | 视频标签常见属性 | autoplay 属性 | controls 属性 | poster 属性 | 设置多个格式视频 )

    【HTML5】HTML5 多媒体标签 ② ( 视频标签 <video> | 视频标签常见属性 | autoplay 属性 | controls 属性 | poster 属性 | 设置多个格式视频 )

    HTML 5 的 video 视频标签 , 支持 ogg / mpeg 4 ( mp4 ) / webM 三种格式的音频 , 不同的浏览器支持的音频格式不同 ; IE 浏览器 : 9.0 以上版本支持 mp4 格式 ; Firefox 浏览器 : 3.5 以上版本支持 ogg 格式 ; 4.0 以上版本支持 webM 格式 ; Opera 浏览器 : 10.5 以上版本支持 ogg 格式 ; 10.6 以上版本支持

    2024年02月09日
    浏览(39)
  • 【JAVA WEB】获取/修改 元素属性&&表单元素属性&&样式属性 以及如何操作DOM树中的节点

    【JAVA WEB】获取/修改 元素属性&&表单元素属性&&样式属性 以及如何操作DOM树中的节点

    目录 获取/修改元素属性 获取/修改表单元素属性 切换按钮的文本 实现计数器 全选/取消全选按钮 获取/修改样式属性 行内样式操作  类名样式操作 操作节点  新增节点 1.创建元素节点 2.插入节点到dom树中 删除节点  可以通过Element对象的属性来直接修改,就能影响到页面显

    2024年02月22日
    浏览(13)
  • es head 新增字段、修改字段、批量修改字段、删除字段、删除数据、批量删除数据

    es head 新增字段、修改字段、批量修改字段、删除字段、删除数据、批量删除数据

    目录 一、新增字段 二、修改字段值 三、批量修改字段值 ​四、删除字段 五、删除数据/文档 六、批量删除数据/文档 put   http://{ip}:{port}/{index}/_mapping/{type}     其中,index是es索引、type是类型 数据: 例子: 注意:如果报错Types cannot be provided in put mapping requests, unless the in

    2024年02月04日
    浏览(11)
  • 如何修改JSON数组中的每个对象的userType属性值

    要修改JSON数组中的每个对象的`userType`属性值,您可以使用JavaScript的`map`函数或`forEach`循环。 以下是使用`map`函数的示例: ```javascript ``` 在上述示例中,我们使用`map`函数遍历原始数据数组,对于每个对象,我们检查是否存在`userType`属性,然后将其值修改为新值(在这里将其

    2024年02月10日
    浏览(14)
  • c++如何创建、修改及删除文件

    目录 一、创建文件 二、修改文件 三、删除文件 在C++中,可以使用标准库中的fstream头文件来创建和操作文件。其中,ofstream类用于输出文件流(即写入文件),它可以创建新文件或打开已存在的文件,并向其中写入数据。 下面是一个简单的示例代码,在指定路径下创建一个

    2024年02月08日
    浏览(9)
  • HTML5-1-标签及属性

    HTML5-1-标签及属性

    页面的组成: HTML(HyperText Markup Language,超文本标记语言)是用来描述网页的一种语言,它不是一种编程语言,而是一种标记语言。 HTML5 是下一代 HTML 标准。 HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。 基本结构: HTML中不区分大小写,但

    2024年02月10日
    浏览(8)
  • 在前端开发中,什么叫移动设备上的视口?如何通过header标签中的meta属性设置页面的视口。

    移动设备上的视口(Viewport)是指在移动设备上可见的网页区域。由于移动设备的屏幕尺寸和分辨率各不相同,为了确保网页在各种设备上都能正确显示和交互,需要通过视口设置来适配不同的屏幕尺寸。 在移动设备上,网页通常会比在桌面电脑上的屏幕要宽,因此需要缩放

    2024年02月11日
    浏览(13)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包