AMP (Accelerated Mobile Pages)

Rate this item
(2 votes)

AMP (Accelerated Mobile Pages) is a new methodology for managing content in a fast, snappy web format. Thank goodness that Google put on the thinking cap and got around to developing this gem.

Here's what you need to get started:


As an example, here's a basic breakdown of which HTML tags are allowed in modified formats when using AMP:

(Attribution: From GitHub)



Tag Status in AMP HTML
script Prohibited unless the type is application/ld+json. (Other non-executable values may be added as needed.) Exception is the mandatory script tag to load the AMP runtime and the script tags to load extended components.
base Prohibited
img Replaced with `amp-img`.
Please note: <img> is a Void Element according to HTML5, so it does not have an end tag. However, <amp-img> does have an end tag </amp-img>.
video Replaced with `amp-video`.
audio Replaced with `amp-audio`.
iframe Replaced with `amp-iframe`.
frame Prohibited.
frameset Prohibited.
object Prohibited.
param Prohibited.
applet Prohibited.
embed Prohibited.
form Allowed. Require including amp-form extension.
input elements Mostly Allowed with exception of some input types, namely, <input[type=image]>, <input[type=button]>, <input[type=password]>, <input[type=file]> are invalid. Related tags are also allowed: <fieldset>, <label>
button Allowed.
style Required style tags for adjusting opacity. One additional style tag is allowed in head tag for the purpose of custom styling. This style tag must have the attribute amp-custom. ?
link rel values registered on microformats.org are allowed. If a rel value is missing from our whitelist, please submit an issue. stylesheet and other values like preconnect, prerender and prefetch that have side effects in the browser are disallowed. There is a special case for fetching stylesheets from whitelisted font providers.
meta The http-equiv attribute is banned. Otherwise allowed.
a The href attribute value must not begin with javascript:. If set, the target attribute value must be _blank. Otherwise allowed. ?
svg Most SVG elements are allowed.

MindActive is a Google Partner.

Google Partner
Last modified on Saturday, 07 January 2017 00:01

Search

Company Info

 

 

Get in touch