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

news2024/11/23 12:25:13

最近工作中遇到一个问题,一份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都过滤出来,方便进行删除或编辑。

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

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

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

 

由于时间有限,对于正则没很深入的了解,日后有需求再深入学习,目前已经足够处理工作中遇到的问题了。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/467826.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Linux网络——Shell编程规范与变量

Linux网络——Shell编程规范与变量 一、Shell脚本概述1.Shel脚本的概念2.Shell脚本应用场景3.Shell的作用 二、编写第一个Shell脚本1.Shell脚本的构成2.运行 Shell 脚本 三、重定向与管道操作1.交互式硬件设备2.重定向操作3.管道操作符号 " | " 四、Shell变量的作用、…

滤筒除尘器

滤筒除尘器以滤筒作为过滤元件所组成或采用脉冲喷吹的除尘器。 滤筒除尘器按安装方式分,可以分为斜插式 侧装式,吊装式,上装式。 滤筒除尘器按滤筒材料分,可以分为长纤维聚酯滤筒除尘器,复合纤维滤筒除尘器&#xff0c…

Whistle安装与使用

1、安装npm 网上搜索安装教程,但是使用npm安装软件的时候一直报错 修复方案,将http改成https 2、安装whistle : npm install whistle -g 以及配置见下面两篇文章 爬虫工具—whistle安装与使用 - 简书 whistle安装以及使用_奔跑的蜗牛_爱阳光的博客-C…

拼多多Temu新增欧洲六国站点,席卷全球,你还在观望吗?

4月24日消息,消息称,拼多多跨境电商平台Temu已于4月21日正式上线其英国站点,而其德国站、荷兰站、意大利站、法国站与西班牙站也均于昨日上线。至此,拼多多Temu已在全球共开设了10个海外市场。 登陆上述六大欧洲站点,…

【self-instruct方式生成语料代码实战】

self-instruct方式生成语料代码实战 self-instruct 介绍self-instruct 框架生成语料代码实现过程Step1 通过模型生成新的指令Step2 对模型生成的指令进行判断Step3:根据Step2的判断结果,给出不同的输出Step4:过滤及后处理 本文对 self-instru…

(二)Eureka 高可用

1、Eureka 高可用介绍 EurekaServer可以是一个集群,形成高可用的Eureka注册中心 多个Eureka Server之间也会互相注册为服务,当服务提供者注册到Eureka Server集群中的某个节点时,该节点会把服务的信息同步给集群中的每个节点,从…

你还不知道iOS备忘录的10个使用技巧吗?那就OUT了!

案例:苹果备忘录的使用技巧 【友友们,苹果备忘录有哪些好用的使用技巧?可以分享一下吗?】 作为一款简单而实用的应用程序,ios备忘录可以帮助您记录生活中的各种事件、任务、待办事项等信息。除此之外,它还…

[架构之路-176]-《软考-系统分析师》-1-嵌入式系统分析与设计 - 实时性(任务切换时间、中断延迟时间、中断响应时间)、可靠性、功耗、体积、成本

目录 前言: 1 7 . 1 嵌 入 式 系 统 概 述 1 . 嵌入式系统的特点 (1) 系统专用性强。 (2) 系统实时性强。 (3) 软硬件依赖性强 (4) 处理器专用。 ( 5 ) 多种技术紧密结合。 (6) 系统透明性。 (7) 系统资源受限。 2 . 嵌入式系统的组成 1 7 . 3 嵌入式实…

第七章 3D地形搭建(下)

上一章节我们介绍了地形编辑,接下来介绍Paint Trees(绘制树木)。 由于树木属于3D模型,初学者不可能通过3ds max或者maya软件进行制作,因此我们还是建议大家从官方资源商店上面去下载免费的。这里我们依然使用上个章节…

骨传导耳机效果怎么样,骨传导耳机的具体好处有哪些

随着人们生活水平的提高,科技的发展,耳机已经成为了人们必不可少的工具,其中骨传导耳机成为了许多人的新宠。骨传导耳机与传统耳机相比,不入耳、不伤耳、无需塞入耳朵、能够在户外运动时享受音乐,使用场景非常丰富。接…

找网站绝对路径

目录 Linux系统 目标出网。且命令有回显 目标出网,命令无回显 目标不出网,命令无回显 Windows系统 目标出网,命令有回显 目标出网,命令无回显 目标不出网,命令无回显 Linux系统 目标出网。且命令有回显 find …

【MATLAB图像处理实用案例详解(12)】——利用BP神经网络实现图像压缩

目录 一、图像压缩二、BP神经网络实现图像压缩原理三、算法步骤3.1 图像块划分3.2 归一化3.3 建立BP神经网络3.4 保存结果 四、效果演示 一、图像压缩 常见的文件压缩软件如WinZip、WinRAR等采用的是无损压缩,能够完全恢复原文件内容。多媒体信息具有信息量大、冗余…

java基础项目:图书管理系统(详解)

java基础学习后适合写的测试语法和代码熟练度的小项目(学校学java,总得练一练的) 文章目录 架构 / 流程架构流程具体内容 代码实现booksBook(图书类)BookList(图书列表类) userUser(…

U盘数据恢复怎么做?分享4个恢复方法!

案例:u盘数据恢复 【我之前丢失的u盘前两天突然找到了,但是我将它插入电脑后很多数据都读不出来了,遇到u盘无法读取的情况怎么办呀?怎么才能恢复u盘数据呢?】 u盘是一种便携式存储设备,广泛用于数据传输和…

使用Inno Setup将QT开发的软件制作成安装包(仅Windwos平台)

使用Inno Setup将QT开发的软件制作成安装包(仅Windwos平台) 前言 在使用QT完成软件开发后要把软件给别人使用,我之前是打包发布后直接弄成压缩包发给别人,但是接收的人就要通过解压软件解压才能使用软件,如果没有解压…

WizardKM:Empowering Large Language Models to Follow Complex Instructions

WizardKM:Empowering Large Language Models to Follow Complex Instructions Introduction参考 Introduction 作者表明当前nlp社区的指令数据比较单一,大部分都是总结、翻译的任务,但是在真实场景中,人们有各式各样的需求,这限制…

MyBats

一、MyBatis简介 1. MyBatis历史 MyBatis最初是Apache的一个开源项目iBatis, 2010年6月这个项目由Apache Software Foundation迁移到了Google Code。随着开发团队转投Google Code旗下, iBatis3.x正式更名为MyBatis。代码于2013年11月迁移到Github。 iBatis一词来…

【Python | 基础语法篇】02、标识符、运算符、字符串扩展及数据输入

目录 一、标识符 1.1 什么是标识符 1.2 标识符命名规则 1.2.1 标识符命名规则 - 内容限定 1.2.2 标识符命名规则 - 大小写敏感 1.2.3 标识符命名规则 - 不可使用关键字 1.3 案例演示 1.4 变量命名规范 1.4.1 变量命名规范 - 见名知意 ​1.4.2 变量命名规范 - 下划线…

Spring aop如何寻找advisor

1.bean的生命周期第一步回去解析所有的advisor 2.第四个是我们之前开启的注解EnableAspectJAutoProxy 3.org.springframework.aop.framework.autoproxy.AbstractAutoProxyCreator#postProcessBeforeInstantiation 4.org.springframework.aop.framework.autoproxy.AbstractAutoP…

ChatGPT的提示的一些高级知识

作为一个大型语言模型(LLM)接口,ChatGPT有令人印象深刻的潜力,但是真正能否用好取决与我们的提示(Prompt ),一个好的提示可以让ChatGPT晋升到一个更好的层次。 在这篇文章中,我们将介绍关于提示的一些高级…