AMP

添加高级 AMP 功能

完成的新闻文章

在本教程中,你将基于对 AMP 基础知识的理解,学习 AMP 如何处理广告、分析、嵌入式视频、社交媒体集成、轮播等。在本教程结束时,你将创建一个包含这些功能的移动新闻文章。

你将学会

  • 使用 amp-ad 显示广告
  • 嵌入 YouTube 视频、Twitter 卡片和响应式文本元素
  • 使用 amp-carousel 构建带有图像和内容组合的轮播
  • 使用 amp-analytics 跟踪简单模式
  • 使用 amp-sidebar 向你的页面添加站点导航
  • 在 AMP 中使用自定义字体

你将构建

一个符合 AMP 规范并包含广告、分析、嵌入式视频、嵌入式社交媒体、轮播和站点导航菜单的新闻文章页面。

注意 – 本教程是 “将你的 HTML 转换为 AMP” 教程中介绍的概念的延续。如果你还没有对 AMP 的核心概念有基本的了解,请尝试 “将你的 HTML 转换为 AMP” 教程。