# HTML Semantic Optimizer > HTML语义化优化工具，将通用HTML标签（div、span）自动转换为语义化HTML5标签（header、nav、main、article、button等）。基于CSS类名智能识别元素语义角色，支持自定义规则配置。 - Skill: `xiao0916/html-semantic-optimizer` (Agent Skill, multi-file: 6 files) - Install (CLI): `npx skillmds@latest add xiao0916/html-semantic-optimizer` - Raw SKILL.md: https://api.skillmd.com/api/skills/xiao0916/html-semantic-optimizer/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: xiao0916 (https://skillmd.com/u/xiao0916) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/xiao0916/html-semantic-optimizer --- # HTML 语义化优化工具将通用HTML标签自动转换为语义化HTML5标签，提升代码可访问性和SEO友好性。 ## 快速开始 ### 安装依赖 ```bash pip install beautifulsoup4 lxml ``` ### 命令行使用 ```bash # 优化单个文件 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/ # 批量处理（递归子目录） python scripts/batch_optimize.py /path/to/html/files/ --recursive -o /output/dir/ ``` ### Python API 使用 ```python from html_optimizer import optimize_html # 使用默认规则 result = optimize_html('

点击

') # 输出: # 自定义规则 from html_optimizer import RuleEngine, DOMTransformer rules = [ {"name": "侧边栏", "keywords": ["sidebar"], "target_tag": "aside", "priority": 8} ] engine = RuleEngine(rules) transformer = DOMTransformer(engine) result = transformer.transform(html_content) ``` ## 工作原理工具通过分析元素的CSS类名，匹配预定义规则，将通用标签转换为对应的HTML5语义标签： | 关键词 | 目标标签 | 示例 | |--------|----------|------| | `btn`, `button` | `