¿Puedo añadir Microdatos de HTML5 a un sitio XHTML estricto y seguir siendo compatible?
https://stackoverflow.com/questions/3659778
-
01-10-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPregunta
Tengo un sitio codificado en XHTML 1.0 estricto. Quiero usar el nuevo microdatos añadir el pan rallado a mi sitio (por lo google va a entenderlos ).
Mi viejo no microdatos pan rallado marcados en marcha este aspecto:
<ul>
<li><a href="...">Level 1</a></li>
<li><a href="...">Level 2</a></li>
<li><a href="...">Level 3</a></li>
</ul>
De acuerdo con Google, para el marcado de migas de pan utilizando microdatos, se extiende el código siguiente:
<ul>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="..." itemprop="url">
<span itemprop="title">Level 1</span>
</a>
</li>
...
</ul>
Pero esto no es válido XHTML 1.0 Strict.
¿Qué debo hacer?
Debería ignorar los conflictos de validación?
¿Debo itemscope="itemscope" escritura en lugar de sólo itemscope (esto sería XML válido, pero todavía no es válido XHTML)?
¿Debo cambiar la Doctype ser HTML5 en lugar de XHTML 1.0 Strict?
Quiero que esto funcione toda la parte trasera manera de IE6!
Por favor consejo:)
Solución
Sí, si desea utilizar itemscope en XHTML, que tendría que itemscope="itemscope" de escritura y utilizar XHTML5 (DOCTYPE misma como HTML 5, pero la sintaxis XML).
itemscope no está incluido en W3 HTML 5, pero presente en la versión de WHATWG, por lo que la validación puede seguir siendo una dificultad. Parece que hay bastante política argumentación sobre esta cuestión, que no he 't estado siguiendo, ya que parece bastante tedioso.
Por el momento, si desea utilizar anotaciones de estas rutas en un formato de documento finalizado, validable, se podría utilizar RDFa en su lugar: la alternativa (pero mayores) propuesta, que el argumento tiene que ver con, y utilizar el tipo de documento existente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
Otros consejos
Dado que los motores de búsqueda han decidido sobre schema.org junio pasado (2011), la manera de hacer rica fragmentos, esta cuestión se ha convertido en mucho más importante ver XHTML5 todavía no tiene un DTD de trabajo (Por cierto, http://www.html5dtd.org/ está trabajando en un XHTML5 DTD y bien puede estar listo para cuando usted lea esto, si es así indiferencia lo que voy a decir). Y lo que voy a decir un resumen de una página que se coloca en http://www.nedprod.com/programs/portable/ XHTMLwithHTML5microdata / hace unas semanas, y no tiene más detalle, incluyendo una rica fragmentos de demostración si lo desea.
Yo tenía necesidad de extender XHTML 1.x estricto de schema.org/HTML5 microdatos y conseguir que todo para validar correctamente para nedprod actualización y Microsoft Expression Web tiene la tendencia ocasional a comer trozos de HTML que edita, por lo que la validación es útil para la captura cuando Borks. Por lo tanto he creado estos DTDs que se extienden los estándar XHTML 1.0 queridos:
- http://www.nedprod.com/xhtml1-strict-with-html5-microdata .dtd
- http://www.nedprod.com/xhtml1-transitional-with-html5-microdata .dtd
Para utilizar, llevar una copia de su DTD deseada (no utilizar el original de nedprod, no me puedo permitir el ancho de banda) y el uso de la siguiente manera:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict with HTML5 microdata//EN" "xhtml1-strict-with-html5-microdata.dtd">
o ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional with HTML5 microdata//EN" "xhtml1-transitional-with-html5-microdata.dtd">
... o, más probablemente, anula la DTD utilizada para la validación por su especial configuración de validación de XML.
Por cierto, aquí hay algo interesante, y sólo incluyen esto como que es útil saber al responder a la pregunta. Yo juro por Dios pensaba que el uso de los anteriores doctypes invocaría peculiaridades modo en la representación. Resulta que, para mi gran sorpresa, que IE8, Chrome 14, Firefox 5 y Opera 11.50 todos hacen un tipo de documento como en el modo de Normas. ¡Quien lo hubiera pensado! Por lo que podría, si quisiera, cargar sus páginas XHTML sobre el Internet público con el tipo de documento a medida y los nuevos navegadores, al menos, haría lo correcto.
Espero que esto ayude a alguien, España Niall
Valid HTML 5 ejemplo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example page</title>
</head>
<body>
<div itemscope="" itemtype="http://schema.org/MediaObject">
<div itemprop="video" itemscope="" itemtype="http://schema.org/VideoObject">
<meta itemprop="name" content="Breast Augmentation Video Diary">
<meta itemprop="duration" content="PT12M54S">
<meta itemprop="thumbnailUrl" content="http://www.plastic-surgery-estonia.com/new-assets/images/thumbnails/breast-augmentation.jpg">
<meta itemprop="contentURL" content="http://www.youtube.com/watch?v=BwPN6eCpxTk">
<meta itemprop="embedURL" content="http://www.youtube.com/watch?feature=player_embedded&v=BwPN6eCpxTk">
<meta itemprop="uploadDate" content="2010-11-09">
<iframe src="http://www.youtube.com/embed/BwPN6eCpxTk?rel=0&autohide=1&modestbranding=1&showinfo=0"></iframe>
<span itemprop="description">Video Diary</span>
</div>
</div>
</body>
</html>
Se han encontrado estos enlaces útiles:
- http://support.google.com/ webmasters / bin / answer.py? hl = es & answer = 2413309 & topic = 1088474 & ctx = tema
- http://www.reelseo.com/embedded-youtube-indexed-google/
Utilice el tipo MIME application/ld+json y una microdatos generador para transformar el margen de beneficio en datos :
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>microdata.xhtml</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/>
</head>
<body>
<div>
<script type="application/ld+json">
{"items": [{
"type": ["https://schema.org/breadcrumb"],
"properties":{
"url": ["..."],
"title": ["Level 1"]
}
}]
}
</script>
</div>
</body>
</html>
o una data:uri en una etiqueta de objeto:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>microdata.xhtml</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/>
</head>
<body>
<div>
<object data="data:text/html;charset=utf-8;base64,PHVsPiA8bGkgaXRlbXNjb3BlIGl0ZW10eXBlPSJodHRwOi8vZGF0YS12b2NhYnVsYXJ5Lm9yZy9CcmVhZGNydW1iIj4gICAgICAgICA8YSBocmVmPSIuLi4iIGl0ZW1wcm9wPSJ1cmwiPiAgICAgICAgICAgPHNwYW4gaXRlbXByb3A9InRpdGxlIj5MZXZlbCAxPC9zcGFuPiAgICAgICAgIDwvYT4gICAgICAgICA8L2xpPiAgICAgICA8L3VsPg==">
<?microdata
<ul>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="..." itemprop="url">
<span itemprop="title">Level 1</span>
</a>
</li>
</ul>
?>
</object>
<!--[if lt IE 8]>
<object data="mhtml://#foo">
<?microdata
<ul>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="..." itemprop="url">
<span itemprop="title">Level 1</span>
</a>
</li>
</ul>
?>
<div id="foo">
PHVsPiA8bGkgaXRlbXNjb3BlIGl0ZW10eXBlPSJodHRwOi8vZGF0YS12b2NhYnVsYXJ5Lm9yZy9CcmVhZGNydW1iIj4gICAgICAgICA8YSBocmVmPSIuLi4iIGl0ZW1wcm9wPSJ1cmwiPiAgICAgICAgICAgPHNwYW4gaXRlbXByb3A9InRpdGxlIj5MZXZlbCAxPC9zcGFuPiAgICAgICAgIDwvYT4gICAgICAgICA8L2xpPiAgICAgICA8L3VsPg==
</div>
</object>
<![endif]-->
</div>
</body>
</html>
Quiero que esto funcione toda la parte trasera manera de IE6!
El uso del application/xhtml+xml XSLT cuña para apoyar IE6 y extenderlo para obtener una copia de la marca.
Referencias
probar y validar algunas de las páginas de Google ... que no validan. validación es una herramienta, un uno impresionante, pero nada más, aunque yo aplaudo su determinación. si estás tan preocupado acerca de la validación me gustaría cambiar a HTML5.
