Regex Lab 学习笔记 — HTML

路径与 HTML 语义

./ 表示当前目录，../ 表示上一级目录。
style/regex-lab.css 和 ./style/regex-lab.css 效果一样，./ 只是更明确地表示相对路径。
<section> 是语义化标签，表示页面中的一个独立区块，适合包裹”正则表达式""测试文本""结果”等模块。
如果一个区域只是临时容器、没有独立语义，也可以用 <div>；但当前项目里用 <section> 保持结构一致性更好。

命名建议

section 标题的类名推荐用 section-title。
模块容器可以按功能命名，例如：
- result-panel
- result-content
- replace-result-section
- test-section
“常用工具”英文可用：Common Tools。
复制按钮的 id 需要唯一，建议按内容命名，例如：
- btn-copy-regex
- btn-copy-replace
- btn-copy-test
- btn-copy-result

占位符

空输入框提示文字用 placeholder：

<input placeholder="输入正则表达式，如 \\d+">