Search code snippets, questions, articles... Chrome Extension

Create Simple HTML page AMP

The code can be used to render a simple HTML page using AMP
<!doctype html>
<html amp lang="en">
  <head>
    <meta charset="utf-8">
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <title>Simple AMP Page</title>
    <link rel="canonical" href="https://your_website_domain.com/path_url/">
    <meta name="viewport" content="width=device-width">
    <script type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "NewsArticle",
        "headline": "AMP is a framework to create render pages fast",
        "datePublished": "2021-10-07T12:02:41Z",
        "image": [
          "logo.jpg"
        ]
      }
    </script>
    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
  </head>
  <body>
    <h1>Welcome to our AMP page version of website</h1>
  </body>
</html>
Best JSON Validator, JSON Tree Viewer, JSON Beautifier at same place. Check how cool is the tool

AMP is an open-source framework to create web pages easily and render them fast in the browser. It provides many templates and libraries which can be used to create interactive components on the webpage.

Search Index Data (The code snippet can also be found with below search text)

First AMP page HTML
Was this helpful?
0 Comments
Join Devsheet Ask a Question