你好,世界
简介
介绍如何创建 AMPHTML 广告。AMPHTML 广告是使用 AMPHTML 实现的广告。AMPHTML 广告运行时基于 AMP 运行时,并提供相同的性能优势。但是,它们与普通 AMPHTML 文件有一些不同之处。
AMPHTML 验证器 具有 AMPHTML 广告的特殊验证模式。
标记
需要 doctype 声明。
<!doctype html>
这告诉所有人这是一个 AMPHTML 广告文件。
<html ⚡4ads lang="en">
头部
字符集定义必须是 <head>
标签的第一个子元素。
<meta charset="utf-8">
AMPHTML 广告需要自定义版本的 AMP 运行时。
<script async src="https://cdn.ampproject.org/amp4ads-v0.js"></script>
AMPHTML 广告样板比常规 AMP 样板短。
<style amp4ads-boilerplate>body{visibility:hidden}</style>
CSS 也必须以内联方式嵌入。
<style amp-custom>
h1 {
color: red;
}
</style>
主体
在主体中,AMPHTML 广告仅允许使用 规范 中描述的受限 HTML 和 AMPHTML 元素集。
你好,世界
<h1>Hello World</h1>
查看其他 AMPHTML 广告示例,了解如何创建更复杂的 AMPHTML 广告。
需要进一步解释吗?
如果此页面上的解释没有涵盖您的所有问题,请随时与其他 AMP 用户联系,讨论您的具体用例。
转到 Stack Overflow 未解释的功能?AMP 项目强烈鼓励您的参与和贡献!我们希望您成为我们开源社区的长期参与者,但我们也欢迎您对您特别关注的问题进行一次性贡献。
在 GitHub 上编辑示例