Hello World
簡介
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 上編輯範例