首先确认文档类型设置为HTML5，检查并保存文件扩展名为.html，使用实时预览功能初步测试，再通过浏览器直接打开文件验证显示效果，最后配置本地服务器（如XAMPP或Live Server）以确保AJAX、音视频等需HTTP协议的功能正常运行。
如果您在Dreamweaver中编写了HTML5代码，但页面未能正确显示或运行，则可能是由于未正确配置工作环境或未连接到服务器。以下是确保HTML5文件在Dreamweaver中正常运行的具体步骤：
一、检查文档类型设置
确保当前文档的DOCTYPE被正确设置为HTML5，否则浏览器可能以兼容模式解析页面，导致语义化标签失效。
1、在Dreamweaver顶部菜单栏选择“修改” → “页面属性”。
2、在弹出窗口左侧选择“标题/编码”选项。
立即学习“前端免费学习笔记（深入）”；
3、确认文档类型（DOCTYPE）设置为HTML5。
4、若未设置，可手动在代码开头添加<!DOCTYPE html>声明。
二、保存文件并设置正确扩展名
Dreamweaver需要将文件保存为.html格式才能被浏览器识别为网页文件，错误的扩展名会导致无法运行。
1、点击菜单中的“文件” → “另存为”。
2、输入文件名称，并确保扩展名为.html，例如 index.html。
3、选择项目所在文件夹路径进行保存，避免使用中文或空格命名目录。
三、使用实时预览功能查看效果
实时预览可在不离开Dreamweaver的情况下加载页面，帮助开发者快速验证HTML5代码是否生效。
1、在设计视图或代码视图完成后，点击窗口上方的“实时视图”按钮。
2、Dreamweaver会调用内置浏览器引擎渲染页面。
3、若出现空白或报错，检查控制台是否有JavaScript错误或资源加载失败提示。
四、通过浏览器手动打开测试页面
直接在浏览器中打开文件可以排除Dreamweaver内部渲染问题，是最可靠的测试方式之一。
1、前往保存HTML文件的目录，找到已保存的.html文件。
2、右键点击该文件，选择“打开方式” → 任意现代浏览器（如Chrome、Edge）。
3、观察页面布局和功能是否正常，特别是<header>、<nav>、<section>等HTML5新标签是否被正确解析。
五、配置本地服务器进行调试
某些HTML5功能（如AJAX请求、音视频跨域）需运行在HTTP协议下，仅双击打开文件（file://）可能导致功能受限。
1、安装本地服务器环境，例如XAMPP或Live Server扩展。
2、将项目文件复制到htdocs目录（XAMPP）或启动Live Server监听文件夹。
3、在Dreamweaver中设置站点，指定服务器为本地主机地址（如http://localhost/your-site）。
4、上传文件至服务器目录后，通过服务器URL访问页面，确保所有功能完整运行。
