在PHPStorm中新建HTML5文件是非常基础且常用的操作，借助内置的HTML5模板可以快速生成符合规范的HTML5基础结构，不需要手动逐行编写文档声明、头部元信息等代码。
通过新建功能选择HTML5模板的步骤
第一步：打开新建文件入口
在PHPStorm的项目窗口中，找到你需要存放HTML5文件的目录，右键点击该目录，在弹出的菜单中选择New选项，再在二级菜单中选择HTML File。
第二步：选择HTML5模板
点击HTML File后会弹出新建文件的配置窗口，在窗口上方的Template下拉框中，默认可能是其他HTML版本，你需要手动选择HTML5选项。
第三步：命名并生成文件
在File name输入框中填写你要创建的HTML5文件的名称，注意不要带.html后缀，PHPStorm会自动添加。填写完成后点击OK按钮，就会自动生成对应的HTML5文件。
生成的HTML5文件基础结构
通过HTML5模板生成的文件会自动包含完整的HTML5基础结构，示例代码如下：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
你可以直接在这个结构的基础上编写自己的页面内容，不需要再手动调整文档声明和字符编码等基础配置。
自定义HTML5默认模板（可选）
如果你希望每次新建的HTML5文件都包含自定义的初始内容，比如固定的CSS引入、常用的meta标签等，可以修改默认的HTML5模板：
- 打开PHPStorm的设置窗口，Windows用户按
Ctrl+Alt+S，Mac用户按Cmd+, - 在设置左侧导航中找到Editor - File and Code Templates
- 在右侧的模板列表中找到HTML5选项，点击后在右侧编辑区域修改模板内容
- 修改完成后点击Apply再点击OK保存设置，之后新建的HTML5文件就会使用你自定义的模板
常见问题说明
如果新建时没有看到HTML5模板选项，可以先检查PHPStorm的版本，较老的版本可能没有内置HTML5模板，建议升级到较新的版本。另外如果右键菜单中没有New选项，可能是你点击的位置不是项目目录或文件，需要先选中正确的存放位置再操作。
PHPStormHTML5新建HTML_FileHTML模板修改时间：2026-07-17 04:21:16