Hello World
簡介
AMPHTML 廣告簡介,說明如何建立 AMPHTML 廣告。AMPHTML 廣告是以 AMPHTML 實作的廣告。AMPHTML 廣告執行階段以 AMP 執行階段為基礎,並提供相同的效能優勢。不過,AMPHTML 廣告與一般的 AMPHTML 檔案仍有幾點不同之處。
AMPHTML 驗證工具提供 AMPHTML 廣告專用的驗證模式。
標記
必須宣告文件類型。
<!doctype html>
這會告知所有人,這是一個 AMPHTML 廣告檔案。
<html ⚡4ads lang="en">
Head
字元集定義必須是 <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 上編輯範例