AMP
  • 廣告

Hello World

簡介

AMPHTML 廣告簡介,說明如何建立 AMPHTML 廣告。AMPHTML 廣告是以 AMPHTML 實作的廣告。AMPHTML 廣告執行階段以 AMP 執行階段為基礎,並提供相同的效能優勢。不過,AMPHTML 廣告與一般的 AMPHTML 檔案仍有幾點不同之處。

AMPHTML 驗證工具提供 AMPHTML 廣告專用的驗證模式。

標記

必須宣告文件類型。

<!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>

Body

在 body 標籤內,AMPHTML 廣告僅可使用規格文件中說明的受限 HTML 和 AMPHTML 元素。

Hello World

<h1>Hello World</h1>

查看其他 AMPHTML 廣告範例,瞭解如何建立更精密的 AMPHTML 廣告。

需要進一步說明嗎?

如果這個頁面的說明無法解答您的所有疑問,歡迎與其他 AMP 使用者聯絡,討論您的確切使用案例。

前往 Stack Overflow
有未說明的功能嗎?

AMP 專案大力鼓勵您的參與和貢獻!我們希望您能成為我們開放原始碼社群的長期參與者,但我們也歡迎您針對特別感興趣的問題做出一次性貢獻。

在 GitHub 上編輯範例