⑴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” >