优势：一、引入了全新的标签，使得网站的描述更加丰富和详尽；二、简化了网站优化的流程；三、提升了用户的整体体验；四、能够支持网站的多媒体内容；五、具有良好的可移植性。不足之处：一、页面与用户之间形成的是短暂的连接，导致互动较为困难；二、对浏览器的依赖性较强，资源利用率不高；三、个性化功能的实现存在一定的挑战。

本教程操作环境：系统、版、Dell G3电脑。

网站的优点

1、 代码简洁

网页的冗余代码比传统网页要少很多，极大方便了程序员和用户。

2、全新的标签，网站定义更丰富

相较于旧式的HTML，新版本中引入了众多具有特定意义的标签，使得网站的构建变得更加精细入微。

3、网站优化更简单

的全新标签对搜索引擎友好，对网站优化来说更为方便。

4、用户体验度好

网站上的各种炫酷功能皆可通过技术手段实现，同时，它正以前所未有的方式彻底改变着人们对网页设计的传统认知。

5、拓展用户浏览渠道

技术对用户极为亲和，它能够适应多种终端设备，不论是手机、平板还是电脑，用户都能顺畅地浏览网站，享受到满意的体验。

6、支持网站多媒体元素

过往的网站设计，由于包含大量图片与视频，不仅会减慢网站的加载速度，而且对搜索引擎的收录效果极为不利。如今，随着技术的进步，用户可以在网站上自由添加各式多媒体内容，而无需受到任何限制。

7、可移植性好

一套完整的对开发者来说可以适用于多个设计，不用重新修改。

8、开发费用相对较低

网站的兼容性较强，因此用户在创建网站后无需额外开发移动端版本，这无疑在相当程度上减少了大量的资金投入。

网站的缺点

1、短连接 互动难

众所周知，页面与用户之间形成的是短暂的连接关系，因此当用户离开页面后，便无法再主动与之取得联系。

2、依赖浏览器 资源利用难

如今，即便是轻巧的手机也具备强大的功能，蕴藏着丰富的资源。然而，H5技术若想充分利用这些资源，却不得不借助浏览器这一平台。而浏览器在兼容性方面的问题，实质上就是HTML不同版本标准之间的兼容性问题。

3、用户标识 个性化功能难

H5的用户标识与APP的用户标识不同，它是由站点随机生成的一组独一无二的数字序列。这串序列被保存在浏览器的缓存里。如果缓存被清理或浏览器被卸载，用户将失去这一标识。即便同一用户再次访问，站点也无法识别。要解决这个问题，唯一的途径是用户进行登录。

用户若未感受到个性化服务带来的便利，便可能不再主动登录；而一旦用户不登录，便无法体验那些个性化的功能；如此一来，便陷入了一个无法突破的恶性循环。

4、交互有限 运行速度难

产品的设计往往以简洁的交互为特点，主要依靠点击和鼠标滑动操作，动画元素相对较少，因此用户可进行的交互操作范围相对狭窄。

其运行效率受到浏览器核心解析速度的影响。众所周知，执行代码需先从网络获取，随后才能在浏览器内核中执行。因此，一旦失去网络支持，其功能几乎失效，从而影响了用户体验，使其变得不佳。