html5，html兼容pc端问题

Question

对于pc端，如何做到对于高级浏览器，直接引用h5,对于低级浏览器，引用html？？

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

HTML5 是一种标准的网页标记语言，用于定义和组织网页的内容。为了使 HTML5 在不同浏览器中保持一致，可以遵循一些最佳实践：

1. 使用规范化的标签：使用规范化的 HTML 标签（例如 <div>、<p> 和 <span>）而不是自定义标签。

2. 避免使用非标准属性：除非有特殊需求，否则应避免使用非标准属性或样式。这包括使用 JavaScript 为元素添加样式，以及在 CSS 中设置背景图像等。

3. 使用 HTML5 元素：HTML5 提供了一些新的元标签，如 <canvas>、<video> 和 <audio> 等，这些可以用来创建动态内容。使用它们可以让网站更灵活地适应不同的设备和屏幕尺寸。

4. 响应式设计：使用媒体查询（media queries）来改变 HTML 的外观以适应不同的屏幕尺寸。这样可以在不修改 HTML 代码的情况下实现更好的用户体验。

5. 使用 SVG 或 WebGL：如果可能的话，考虑使用 SVG 或 WebGL 来替代传统的图片和视频。这两种技术都可以提供出色的性能，并且在许多现代浏览器中都能良好渲染。

6. 测试你的网站：确保你的网站能在各种浏览器中正常显示。你可以使用诸如 BrowserStack、Emory 和 W3C 的在线工具来测试你的网站。

7. 文档注释：编写清晰、详细的 HTML 文档注释。这可以帮助其他开发者理解你的网站是如何工作的。

8. 最小化文件大小：尽量减少 HTML、CSS 和 JavaScript 文件的大小。这有助于提高加载速度并降低对用户网络连接的要求。

9. 优化图片和字体：压缩图片和使用合适的字体大小可以显著改善页面加载时间。

通过遵循上述建议，你就可以在不同浏览器上实现一个高质量的 HTML5 页面。