AMP页面在设计上的限制

AMP页面的设计受到了一些限制，主要是为了让页面能够更快地加载。以下是具体的限制：

1. HTML元素的限制

为了确保快速加载，AMP上不允许使用某些HTML元素，例如表单。此外，某些默认的HTML标签也被AMP标签所取代。例如，在AMP HTML代码中，``标签用于替代普通的图片元素。

2. CSS和JavaScript的限制

AMP限制了CSS和JavaScript的使用。CSS只能在50KB以内的大小，并且只接受内部的CSS。AMP禁止使用同步的JavaScript，但允许使用非同步的JavaScript。此外，为了防止延迟页面加载，AMP限制了使用JavaScript等其他语法。

3. Web组件的限制

AMP并不允许网站开发人员使用自己所编写的元件功能，也就是说，开发人员只能使用AMP所提供的元件。元件只能写在AMP所规定的sandbox iframe区块里，同时iframe要距离顶部600px或75%。此外，为了提高网页读取速度，AMP限制style的大小使用不超过50KB，同时inlinestyle只能写网页档案内header部分，style amp-custom / style的区块内。

4. 图片和广告的限制

AMP限制了图片和广告的大小，需要在html内提供外部资源的大小，让AMP确认外部资源的大小，避免layout需要重新计算或设计等问题。此外，AMP若引用外部资源（如图片、广告等），也需要在html内提供外部资源的大小，让AMP确认外部资源的大小，避免layout需重新计算或设计等问题。

5. 字体和广告投放的限制

AMP限制了字体格式的使用，并且关于字体引用，AMP也限定特定的字体供应商。此外，AMP广告只能在Googleads投放，而且必须经过验证才能放送广告。

6. 网页设计的限制

AMP本质上属于静态网页，因此AMP会限制Javascript的使用。这意味着网页设计可能会受到限制，只适用于图片和文字设计。此外，AMP无法扩充使用其他应用程式等。

尽管AMP在设计上有许多限制，但它能够提供更快的页面加载速度，从而提高用户体验和搜索引擎排名。这些限制是为了确保页面能够立即加载，从而提高整体性能。随着技术的不断进步，AMP的功能可能会逐渐完善，减轻一些现有的限制。