Можете ли вы построить AMP на XHTML? - PullRequest
Новая
       16

Можете ли вы построить AMP на XHTML?

1 голос
/ 14 марта 2019

Моя компания использует формат файла .xhtml для внешнего интерфейса, но нас подталкивают к добавлению AMP к нашим статическим страницам.В своем исследовании я не нашел ничего, что говорило бы о том, что вы можете использовать формат .xhtml, и когда я пытаюсь развернуть сайт со страницей AMP .xhtml, я получаю эту ошибку: «Ошибка синтаксического анализа /storeAmp.xhtml: трассировка ошибки[строка: 1] Разметка в документе, предшествующем корневому элементу, должна быть правильно сформирована. "Я использую стандартный код, который отлично работает в моей локальной среде, поэтому я знаю, что это не код.Я не уверен, что может быть причиной этой проблемы, и я не смог найти ничего на веб-сайте проекта AMP.

Примечание. Я пытался использовать .xhtml и .html для создания страницы, но ни одна из них не работает в тестовой среде.Когда я использую .html, он по-прежнему вызывает страницу .xhtml, которая не существует.

Я что-то упустил?Есть ли способ или это безнадежная попытка?

Вот примерный код, который я пробую. 

    <!doctype html>
<html amp>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1">
    <meta name="description" content="This is the AMP Boilerplate.">
    <link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js">
    <link rel="preconnect dns-prefetch" href="https://fonts.gstatic.com/" crossorigin>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <!-- Import other AMP Extensions here -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
    <style amp-custom>
    /* Add your styles here */
    </style>
    <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>

    <link rel="canonical" href="testsite.html">
    <title>My AMP Page</title>
  </head>
  <body>
    <h1>Hello World</h1>
  </body>
</html>
...