AMP HTML объявления не принимаются HTML5 валидатором - PullRequest
Новая
       26

AMP HTML объявления не принимаются HTML5 валидатором

0 голосов
/ 20 февраля 2020

Только что создал свое первое объявление AMP HTML с помощью Adobe Animate CC.

Я пытался проверить объявление с помощью https://h5validator.appspot.com/

Моего объявления нет не проходите расширенную проверку HTML5. Я получаю следующее сообщение об ошибке:

Один из ваших HTML5 активов недействителен и не может быть проанализирован. Пожалуйста, исправьте все поврежденные активы и попробуйте снова. Более подробно: SVG_INVALID

Вот исходный код объявления. У кого-нибудь здесь есть идея, в чем может быть проблема? 

 <!doctype html>
<html amp4ads>
<head>
	<!-- export v1.0.36-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1">
	<style amp4ads-boilerplate>body{visibility:hidden}</style>
	<style amp-custom> img {position: absolute;} body {background-color: rgba(255,255,255,1.0000);}
	  svg {width: 300px; height: 300px; position: absolute;}     .hideForPreload { visibility: hidden; }   </style>
	<script async src="https://cdn.ampproject.org/amp4ads-v0.js"></script>
	<script async custom-element="amp-animation" src="https://cdn.ampproject.org/v0/amp-animation-0.1.js"></script>
	<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
</head>

<body  >
<amp-analytics type="googleanalytics" id="pageView">
<script type="application/json">
{
  "vars": {
	"account": "No ID found."
  },
  "triggers": {
	"trackPageview": {
	  "on": "visible",
	  "request": "pageview"
	}
  }
}
</script></amp-analytics>
<div id="svgWrapper" class="hideForPreload" >
	<svg style="width: 0; height: 0;">
		<defs>
			<g vector-effect="none" id="l0" >
                				    <g vector-effect="inherit" id="l0o0" style="transform: matrix(1.0000,0.0000,0.0000,1.0000,0.0000,0.0000); opacity: 1.0000; visibility: inherit;">
					<path vector-effect="inherit" fill="rgba(0,0,204,1.000)" stroke="none" d="M 300.0000 0.0000 L 0.0000 0.0000 L 0.0000 300.0000 L 300.0000 300.0000 L 300.0000 0.0000 "></path>
				    </g>
                			</g>
		</defs>
</svg>				<svg><use id="o0" xlink:href="#l0" ></use></svg>
	
</div>
<amp-animation layout="nodisplay" trigger="visibility">
	<script type="application/json">
		{"animations":[
         {
           "selector": "#svgWrapper",
           "duration":"1s",
           "iterations":1,
           "fill":"both",
           "keyframes": [
             {
               "offset" : 0,
               "visibility" : "inherit",
               "easing" : "step-start"
             },{
               "offset" : 1,
               "visibility" : "inherit",
               "easing" : "step-end"
              }
           ]
         },
{
	"selector" : "#o0",
	"duration" : "2s",
	"iterations" : "infinity",
	"fill" : "both",
	"keyframes" : [
		{
			"offset" : 0,
			"transform" : "matrix(1.0000,0.0000,0.0000,1.0000,0.0000,0.0000)",
			"opacity" : 1,
			"visibility" : "inherit",
			"easing" : "cubic-bezier(0.3333, 0.3333, 0.6667, 0.6667)"
		},
		{
			"offset" : 1,
			"transform" : "matrix(1.0000,0.0000,0.0000,1.0000,0.0000,0.0000)",
			"opacity" : 1,
			"visibility" : "inherit",
			"easing" : "step-end"
		}
	]
}
		]}
	</script>
</amp-animation>
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 21 апреля 2020

В соответствии с https://greensock.com/forums/topic/14239-h5-validator-advanced-html-check-svg_invalid/?tab=comments#comment -98301 в ваших тегах svg (обратите внимание, что может быть пара экземпляров тега 'svg) отсутствует правильное описание профиля: 

<svg baseProfile="full" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

Другая ошибка, с которой я столкнулся после экспорта баннера с использованием Animate (v.19) + AMP4ADS, была «CLICK_TAG_MISSING». Это может быть исправлено: 

<script type="text/javascript">
var clickTag = "https://www.nasa.gov";
</script>
0 голосов
/ 11 марта 2020

AMP HTML - это , а не HTML5.

Ваш валидатор уже должен был жаловаться на атрибут amp4ads в теге html.

Использовать Валидатор AMP4ADS для проверки вашего AMP HTML.

...