准备好为完全或半自动化的故事创作编写脚本。让我们一起探索如何将我们的第一个 AMP 故事故事板。您的第一个 AMP 故事 如您所料,AMP 故事的基础是 AMP HTML 页面。您可以使用上述标准模板作为起点。 (注意:您在本专栏其余部分的标签中看到的空格不应包含在您组装脚本 手机号码大全列表 时 - 它们应该被删除。使用较长的脚本示例作为正确语法的模板。)因为 amp -story 是一个扩展AMP 组件,您需 手机号码大全列表 要在 <head> 中添加一个额外的 <script> 标记:此时我们已准备好开始实际构建 AMP 故事。创建 AMP 故事三明治 AMP 故事由三个主要标签
组成,您可以将它们夹在一起以创建整体体验您从灯塔amp-story> 像面包一样。剩下的就是你的熟食了。 被包裹在 <amp-story> 中,然后<amp-story -g > 被包裹在中。评论让 手机号码大全列表 搜索在任何给定的超文本标记语言 (HTML) 页面上,您将只有一个amp-story> 标记。如您所料,<amp-story-page> 代表 AMP 故事中的单个“幻灯片”。由于您的 AMP 故事中可能会有多张 手机号码大全列表 幻灯片 - 这很重要 - 您将在 <amp-story> 中拥有多个这些标签。最后,在每个 <amp-
story-page> 中,您将拥有一个或多个 <amp-story-grid> 标签,这是一个基于 CSS 网格布局的标签,用于组织每张幻灯片中的不同元素。这是构建您的第一个 AMP 故事的 手机号码大全列表 核心概念。现在让我们更深入地了解一些可用的附加配置和选项。 <amp-story> 我们 元素及其结束 标记开始。这将是我们 HTML 页面的 <body> 中唯一允许的元素。我们需要添加独立属性,这 手机号码大全列表 是 <amp-story> 的要求,然后可以额外添加几个可选属性我们可以使用它来指定一个 对象表示法端点,该端点提供有关社交共享选项和相关链接