AMP
  • 广告

Hello World

简介

介绍如何创建 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 元素集。

Hello World

<h1>Hello World</h1>

查看其他 AMPHTML 广告示例,了解如何创建更复杂的 AMPHTML 广告。

需要进一步解释?

如果此页面上的解释没有涵盖您的所有问题,请随时与其他 AMP 用户联系以讨论您的确切使用场景。

转到 Stack Overflow
一个无法解释的功能?

AMP 项目强烈鼓励您的参与和贡献!我们希望您成为我们开源社区的持续参与者,但我们也欢迎您为自己特别感兴趣的问题做出一次性贡献。

在 GitHub 上编辑示例