2024年11月AMP下载-网络组件框架 v2102200206007

发布时间:

  ⑴AMP是一个Web组件框架,可轻松创建用户至上的网站故事广告以及电子邮件等,使用这款软件用户可以轻松创建快速平滑加载的网页,且支持在所有设备和平台上持续提供快速体验,提高用户对网页的浏览体验;AMP是一个开放源代码HTML框架,内置一种直接的方式来创建网页,让用户可以进行简单专业的网页创建,非常简单易用;AMP是一个开源的网络组件框架,可以帮助用户持续快速的创建网站和广告,同时可以通过CSS来制定网站的风格等,可帮助用户创建一个快速稳定安全可靠的网站。

  ⑵创建持续快速的网站和广告

  ⑶可以使用CSS来定制风格

  ⑷优化的内置AMP组件

  ⑸可应用于各种网络接触点

  ⑹AMP故事格式带有预设但灵活的布局模板,标准化的UI控件,以及用于分享和添加后续内容的组件。

  ⑺AMP故事可以在不同的网站上共享和嵌入

  ⑻支持分析和账端功能

  ⑼可以建立丰富的视觉媒体文本音频动画和互动。

  ⑽同时支持传统广告和更快更安全的AMPHTML广告。

  ⑾网页速度可改善用户体验和核心业务指标

  ⑿AMP页面立即加载,使您能够在所有设备和平台上提供一致的快速体验。

  ⒀构建AMP页面很容易,并减少了开发人员的开销

  ⒁您通常可以在几天内转换整个档案,尤其是当您使用流行的CMS(例如WordPress或Drupal时。

  ⒂AMP可以应用于各种Web接触点

  ⒃AMP被Google,Bing和Twitter等流行和全球平台所使用,通过使AMP页面默认可用,您可以确保来自所有这些表面的用户获得无与伦比的,通常是瞬时的和自然的体验。

  ⒄保持灵活性和控制力,并减少代码的复杂性

  ⒅您可以使用CSS自定义样式,动态数据,以在需要时获取最新数据,从而为客户建立最佳的用户体验。

  ⒆确保性能的构建基

  ⒇块建立一个优秀的网站需要大量的时间和精力。AMP组件已针对最佳性能进行了优化。

  ⒈在所有人的开放网络中构建可持续发展的未来

  ⒉AMP项目是一项开源计划,旨在保护网络的未来,帮助每个人提供更好,更快,更用户友好的体验。

  ⒊创建您的AMP HTML页面

  ⒋以下标记是不错的起点或样板。复制此文件并将其保存到扩展名为.html的文件中。

  ⒌到目前为止,体内的内容非常简单。但是页面顶部有很多其他代码可能不会立即显现出来。让我们解构所需的标记。

  ⒍使用HTTPS:创建AMP页面和内容时,应强烈考虑使用HTTPS协议(相对于HTTP。尽管AMP文档本身或图像和字体不需要HTTPS,但是有许多需要HTTPS的AMP功能(例如,视频,iframe等。为确保您的AMP页面充分利用所有AMP功能,请使用HTTPS协议。您可以在“为什么HTTPS很重要”中了解有关HTTPS的更多信息。

  ⒎使用AMP样板生成器可以快速开始创建新的AMP页面。

  ⒏AMP HTML文档必须:

  ⒐除了基本要求外,我们的示例还在头中包含Schema.定义,这不是对AMP的严格要求,但要求将您的内容分发到某些地方(例如,在Google中搜索热门故事轮播。

  ⒑好消息!这就是我们创建第一个AMP页面所需要的,但是,当然,体内还没有什么事情要做。在下一节中,我们将介绍如何添加图像,自定义AMP元素等基本知识,如何设置页面样式并设计出响应式布局。

  ⒒大多数HTML标签可以直接在AMP HTML中使用,但是某些标签(如

  ⒓标签将被等效或稍有增强的自定义AMP HTML标签替换(并且彻底禁止了一些有问题的标签,请参见规范中的HTML标签。

  ⒔为了演示其他标记可能是什么样子,以下是将图像嵌入页面所需的代码:

  ⒕< amp-img src = “ wele.jpg” alt = “欢迎” 高度= “ 400” 宽度= “ 800” >

  ⒖修改演示文稿AMP页面是网页;页面及其元素的任何样式均使用通用CSS属性完成。在的嵌入式样式表中使用类或元素选择器来样式元素,称为

  ⒗为了确定将非AMP页面和AMP页面视为“配对”在一起,我们以标记的形式将有关AMP页面的信息添加到非AMP页面,反之亦然。

  ⒘将以下内容添加到非AMP页面:

  ⒙< link rel = “ amphtml” href = “

  ⒚https://www.example./url/to/amp/document.html” >

  ⒛这到AMP页面:

  ①< link rel = “ canonical” href = “

  ②https://www.example./url/to/full/document.html” >

  ③如果我只有一页怎么办?

  ④如果只有一页,而该页是AMP页,则仍必须向其添加规范链接,然后将其指向自己:

  ⑤< link rel = “ canonical” href = “

  ⑥https://www.example./url/to/amp/document.html” >