Some HTML Elements are Not Rendered in AMP Pages

Accelerated Mobile Pages (AMP) is kind of a light-weighted html standard for smartphone users to load pages more quickly by optimizing HTML codes. Therefore, AMP must lose weight to be accelerated. Parts of, and limited functions and elements can be utilized in AMP pages.

Therefore, there're some fatty prone elements (tags) that are not supported by AMP HTML Specification, they will be ignored and not be displayed in the browser, and I think it's the key reasons for why AMP can be fast.

On the other hand, some tags are continuously supported but with replaced new AMP tag names. For example, <img> is replaced by <amp-img> with more layout restrictions. You have to implement AMP pages with the new tag names to comply with AMP specification.

For tracing any errors from AMP that google crawled so far, you can go to Google Webmaster Tool, get into the dashboard of the canonical website instead of AMP website, to check the status of AMP. For example, if your AMP site is amp.example.com which points to the canonical website www.example.com, then you should get into the dashboard of www.example.com to check AMP crawling status.

Let's take a glance at the table that we mentioned above.

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.
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 Prohibited. Support coming in the future .
input elements Prohibited. Includes input, textarea, select, option. Notably, button element is allowed.
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 prefectch that has 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.( https://github.com/ampproject/amphtml/tree/master/spec )
svg Most SVG elements are allowed.

Leave a Reply

Your email address will not be published. Required fields are marked *