H5响应式网站的优点：

1.多设备适应性：H5响应式网站能够在不同设备上提供相同的用户体验，无论用户使用的是台式电脑、笔记本电脑、平板电脑还是手机，网站内容都能够自动适应屏幕大小和分辨率。

2.降低开发成本和维护成本：相较于开发和维护多个独立的网站，开发一个H5响应式网站能够大大降低成本和投入的时间。同时，维护一个统一的网站也更加方便，只需要对一个网站进行更新和维护。

3.增加用户体验：H5响应式网站能够根据用户的设备和屏幕大小进行适配，提供更好的用户体验。无论用户使用的是大屏幕设备还是小屏幕设备，网站都能够提供清晰、易读的内容，使用户更加舒适和满意。

4.友好的搜索引擎优化：H5响应式网站能够提供一个统一的URL和HTML代码结构，并且内容是相同的，可以更好地支持搜索引擎优化。这能够提高网站的可见性，并且使网站在搜索结果中排名更高。

5.增加社交分享：H5响应式网站可以更好地支持社交媒体分享，无论用户使用哪种设备访问网站，都可以方便地分享内容，并吸引更多的用户。

制作一个H5响应式网站的注意事项：

1.网站流程规划：在制作H5响应式网站之前，要先规划网站的整体流程和架构，确定不同页面之间的关系和信息结构。

2.布局设计：在设计响应式网站的布局时，要考虑不同设备上的屏幕大小和分辨率，确定响应式网站在各种设备上的呈现效果。可以采用自适应布局或流式布局来适应不同屏幕。

3.图像和媒体的优化：在响应式网站设计中，要注意优化图片和媒体的加载速度，以提高网站的用户体验。可以使用合适的图片格式（如JPEG，PNG）和压缩工具来优化图片加载速度。

4.字体和颜色选择：在选择字体和颜色时，要考虑到不同设备上的可读性和对比度。选择合适的字体和颜色可以提高网站的可读性和用户体验。

5.测试和调试：在制作响应式网站后，要进行充分的测试和调试，确保网站在不同设备和浏览器上的兼容性和稳定性。可以使用多种测试工具和设备来测试网站的响应性能。

6.优化网站速度：在制作H5响应式网站时，要注意优化网站的加载速度，包括减少HTTP请求、压缩文件大小、使用CDN等。

7.合理使用媒体查询：媒体查询是实现响应式网站的关键技术，要合理使用媒体查询来适配不同的设备和屏幕。可以根据设备的宽度和高度、分辨率等条件来设置相应的样式。

8.内容的策略性布局：在制作响应式网站时，要考虑不同设备上的内容布局，根据设备的屏幕大小和分辨率来调整内容的显示方式和布局。

9.移动端优化：在制作响应式网站时，要重点关注移动设备的显示效果和用户体验。可以使用触摸事件和手势操作来提高移动设备上的交互体验。

10.持续优化和更新：制作完响应式网站后，要定期监测网站的访问数据和用户反馈，不断优化和更新网站，提高用户体验和网站的性能。