一、搭建HTML5网站要经历五步，第一步，创建my-目录以及css/js/子目录，其中包含index.html ；第二步，编写标准HTML5骨架，涵盖、lang、meta、语义化标签 ；第三步，进行外链CSS与defer/async脚本 ；第四步php做网站步骤，运用http-启动本地服务 ；第五步，利用email//date等原生表单增强功能。
假设您期望借助HTML5技术去构建一个功能完备、结构明晰的网站，那么就得从对项目进行规划开始，接着是对文件予以组织，再到实施语义化标记一步步推进。以下是构建HTML5站点的具体步骤以及实用的搭建技巧：
一、创建基础项目结构
对资源进行分类明确的分隔存放，采用标准化根目录布局可确保路径引用稳定，这有助于后期维护与团队协作，合理的目录结构应如此。
1、在本地新建一个文件夹，命名为my-。
2、于该文件夹之内，去创建子文件夹，其一是（存放样式表），其二是（存放脚本），其三是（存放图片资源）。
3、在根目录下新建index.html作为首页入口文件。
二、编写符合标准的HTML5文档骨架
HTML5引进了更为简单的文档类型声明，以及语义化根元素，防止运用陈旧过时的XHTML或者HTML4语法，保证以标准模式剖析页面。
1、在index.html中输入作为首行声明。
2、添加根标签，并设置语言属性为中文。
3、在中插入、及页面标题我的HTML5站点。
4、在内使用、、、、等语义化标签组织内容区块。
三、引入外部CSS与资源
将表现层同行为层从HTML里分离出来，以此提升可读性以及复用性，与此同时借助HTML5的defer和async属性来对脚本加载顺序予以优化。
1、在中添加引入外部样式表。
是一个绘图工具，可以将草图转换成现成的模型图片
下载
2、在底部添加，确保DOM就绪后再执行脚本。
3、如需异步加载不影响渲染的脚本（如统计代码），使用。
四、配置本地开发服务器环境
当直接进行双击以此来打开HTML文件时，会致使部分HTML5特性，像是fetch、模块导入等，因为跨域限制而没办法运行，而必须要借助HTTP服务去进行访问 。
在项目的根目录那儿，把终端给打开,执行这样的操作是，npx http-（这个前提是Node.js已经被安装好了），以此来启动轻量服务器。
2、要是没有安装http- ，那就运行npm -g http- 来做全局安装 。
3、通过浏览器进行访问，访问的目标是8080，以此来查看实时呈现出来的效果，在此过程中，所有以相对路径存在的资源都能够正常地被加载出来 。
五、启用HTML5表单增强功能
通过运用原生表单验证，借助输入类型不同的方式php做网站步骤，以提升用户体验，进而减少对校验方式的依赖，并且还要保持无障碍可被访问的特性体现。
1、将传统替换为语义化类型，例如邮箱使用。
2、为数字输入框添加min、max、step属性，如。
3、使用、等类型触发设备原生控件，无需额外插件。
