SuperAPI AI 工具集

html-semantic-optimizer

前端与建站

查看项目

更新于 10-16 10:22

技能介绍

用途:将通用HTML标签(div、span 等)自动转换为语义化HTML5标签(header、nav、main、article、button 等),用于提升代码可访问性与SEO友好度。

主要能力:通过分析元素CSS类名匹配预定义规则完成标签转换。内置9条默认规则,覆盖 btn/button、link/nav-link、header/top-bar、nav/navbar、footer/bottom、main/content、article/post、sidebar/aside、section 等关键词映射。转换时跳过 script、style、html、body 等特殊标签,为 button 添加 type="button",为 a 添加 href="#",并保留所有原始属性。支持自定义JSON规则(字段:name、keywords、target_tag、priority,keywords 为正则、不区分大小写,priority 数值越大越优先,同名规则覆盖默认规则)。核心模块含 RuleEngine 规则引擎与 DOMTransformer 转换器,另提供 optimize_html 便捷函数。

使用方式:先安装依赖 pip install beautifulsoup4 lxml。单文件优化:python scripts/optimize.py input.html -o output.html;试运行预览:python scripts/optimize.py input.html --dry-run;加载自定义规则:python scripts/optimize.py input.html --rules custom_rules.json。批量处理:python scripts/batch_optimize.py /path/to/html/files/ -o /output/dir/,可加 --recursive、--workers 4、--dry-run。

适用场景:已有静态HTML或页面片段,希望在不改变视觉结构的前提下补齐语义标签。

限制:效果依赖类名是否包含规则关键词,未匹配元素不会转换;依赖 Python 3.6+ 与 beautifulsoup4>=4.9.0、lxml>=4.6.0;转换前应备份原始文件,建议先用 --dry-run 预览,测试文件上验证自定义规则。未提供的内容暂未提供。