AMP
  • 廣告

Hello World

簡介

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 上編輯範例