旧版photoshop（如cs6及更早）无法直接导出html5，需通过四种路径实现：一、用“存储为web所用格式（旧版）”生成table布局html4，再手动重构为html5语义标签；二、借助marknet或zeplin等第三方工具解析psd并输出含flexbox与外链css的html5；三、使用psd2html.com等在线服务云端转换，支持cs4–cc2015格式且生成响应式html5；四、完全手写html5/css3，依据psd标尺参考线精确还原结构与样式，代码质量与兼容性最优。
如果您使用较旧版本的Adobe Photoshop（如CS6或更早）尝试将PSD文件转换为HTML5页面，则可能面临导出功能缺失、语义化标签不支持及现代CSS特性无法识别等问题。以下是针对旧版Photoshop兼容性限制所对应的多种转换路径：
一、启用Photoshop CS6及以下版本的“存储为Web所用格式”导出
旧版Photoshop仅提供“存储为Web所用格式（旧版）”功能，该功能生成的是基于table布局的HTML4代码与内联样式，不包含HTML5语义标签或外部CSS文件结构，需后续手动重构。
1、在Photoshop中打开PSD文件，确保所有图层可见且未栅格化文字。
2、选择“视图”→“显示”→勾选“切片”，使用切片工具划分导航栏、轮播区、内容块等区域。
立即学习“前端免费学习笔记（深入）”；
3、右键任一切片→“编辑切片选项”，为每个切片设置名称（如header-bg、logo-img），该名称将影响导出后HTML中img的alt属性或div的id值。
4、点击“文件”→“导出”→“存储为Web所用格式（旧版）”，在弹出窗口中选择“HTML：全部”，格式设为“HTML和图像”。
5、点击“存储”，指定输出路径；生成的index.html将包含table嵌套结构、标签及大量内联style，必须人工替换为
。
二、使用第三方桌面工具桥接旧版PSD与HTML5输出
Avocode（已停止更新）、Macaw（已下架）、MarkNet或替代工具如Zeplin + Sketch/PS插件可解析CS5–CS6保存的PSD文件，提取图层样式、文本内容与矢量信息，并生成带Flexbox、语义化标签及外链CSS的HTML5工程。
1、下载并安装MarkNet 3.2.1或Zeplin 5.17（支持PSD v12–v13即CS6格式）。
2、将PSD文件拖入工具界面，等待图层索引完成；若出现“无法读取文字图层”提示，需返回Photoshop中双击该图层确认未被栅格化。
3、在导出设置中启用“HTML5语义结构”、“独立CSS文件”、“SVG图标导出”选项，禁用“内联背景色”以避免样式耦合。
