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.