此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

操作指南

本页面列出了 HTML 的操作指南,涵盖了添加 JavaScript 到页面、优化加载性能、语义化定义术语、使用 data-* 属性等任务,以及更多内容。

使用数据属性

HTML 在设计时考虑到了数据的可扩展性,这些数据应与特定元素相关联,但无需具有任何定义的含义。data-* 属性允许我们在标准、语义化的 HTML 元素中存储额外的信息,而不需要使用类似于非标准属性或者 DOM 额外属性之类的技巧。

允许图片和 canvas 跨源使用

HTML 规范为图片提供了 crossorigin 属性,结合合适的 CORS 响应标头,就可以实现在 canvas 中使用外部域加载的 img 元素,就像在当前源加载一样。

向网页添加 JavaScript

利用 JavaScript,让你的网页更上一层楼。在这篇文章中将了解如何在 HTML 文档中直接调用 JavaScript。

在图像上层添加点击映射

现在我们将学习如何设置图像映射,先讨论他的缺点。

编写快速加载的 HTML 页面

以下技巧都是基于通用的知识和经验。