不建议律所网站首页用纯HTML写，因其难以维护更新；律师页需用语义化标签和含关键词的alt描述提升SEO；服务列表应简洁专业，避免花哨动效；联系表单须用后端代理或第三方服务，禁用mailto。
律所网站首页要不要用纯 HTML 写
不建议。纯 HTML 文件能展示静态内容，但律师团队更新、案例增删、服务项目调整时，每次都要手动改代码、上传文件，协作成本高、易出错。真实运营中，90% 以上的律所网站用的是「静态生成器（如 Hugo、Jekyll）」或「轻量 CMS（如 WordPress + 专业法律主题）」。如果硬要手写 HTML，只适合极简单页站（比如仅含地址、电话、3 位律师简介），且必须预留好 class 和语义化结构，方便后续套 CSS 或接入 JS 动态模块。
律师介绍页面的 HTML 结构怎么避免 SEO 翻车
很多律所把律师照片用 <img> 的 alt 写成“律师头像”或空着，搜索引擎根本不知道这是张谁的照片。正确做法是：每位律师用 <article> 包裹，姓名用 <h2>，职称和执业领域用 <p class="title">，简介段落用 <p>，照片 alt 必须是「张三律师｜北京知识产权律师｜15 年执业经验」这类带关键词的完整描述。别用 <div> 套一堆 <span> 模拟标题——屏幕阅读器和 Google 都不认。
CSS 怎么让法律服务列表看起来专业不廉价
常见错误是滥用渐变色块、浮动图标、过度阴影。法律行业需要传递可信感，不是科技感。实操建议：
• 服务分类用 <section> + 清晰 <h3>，比如「<h3>企业法律顾问</h3>」；
• 每项服务用 <dl><dt>合同审查</dt><dd>覆盖买卖、股权、劳动等高频场景…</dd></dl>，语义准确且利于爬虫抓取关键词；
• 图标仅用 SVG 内联（别用 iconfont），颜色限于深灰 #333、藏青 #0d47a1、金棕 #8b5c29 三种；
• 别给文字加「hover 放大」或「点击翻转」动效——客户点进来是找解决方案，不是看魔术。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
联系页面的表单为什么总被当成垃圾邮件源
直接在 HTML 里写 <form action="mailto:xxx@lawfirm.com"> 是最典型的翻车操作：现代邮箱系统会直接拦截，Gmail 尤其敏感。真正可用的路径只有两条：
• 后端代理：用 PHP/Node.js 写一个极简接收接口，校验 name、phone、service_type 字段非空，再发邮件（注意设置 From 为公司域名邮箱，别用 QQ 或 163）；
• 第三方嵌入：用 Formspree 或 Getform 这类专做表单转发的服务，它们提供 action 地址，前端只需标准 <form method="POST">，无需写后端；
• 绝对禁止：把邮箱地址明文写在 <a href="mailto:..."> 里还加 JS 加密字符串——爬虫早就能还原，反而增加加载负担。
立即学习“前端免费学习笔记（深入）”；
法律网站最难的从来不是写几行 HTML，而是所有内容节点都得经得起同行检索、客户质疑、甚至未来可能的合规审查。比如「擅长领域」不能写「胜诉率 98%」，简介里不能出现「第一」「唯一」这类广告法禁用词——这些不是前端问题，但会直接导致页面上线即下架。
