El atributo itemtype especifica la URL, pero las URL no están conectadas con ningún recurso, sino que los navegadores las utilizan para actuar como identificadores. El atributo itemtype solo se puede especificar en aquellos elementos que contienen el atributo itemscope; de lo contrario, no se ejecutará correctamente. Los tipos de elementos utilizados en la URL de tipo de elemento deben ser de los tipos definidos en las especificaciones proporcionadas por schema.org. Algunos de los navegadores que hacen referencia a microdatos en schema.org buscan recursos específicos en la página web y allí se utilizan principalmente estos atributos de tipo de elemento y ámbito de elemento. El tipo de elementoEl atributo debe tener un valor que contenga el conjunto desordenado de tokens únicos y estos distinguen entre mayúsculas y minúsculas, especificando que cada uno contiene la URL absoluta y válida. El valor del atributo debe contener un mínimo de 1 token.
Sintaxis:
<div itemscope itemtype="URL">
<span itemprop="item1">item name</span>
<span itemprop="item2">item name</span>
</div>
Nota: El tipo de elemento debe ser una URL o también puede usar URN (Nombre de recurso uniforme) como hemos usado en el ejemplo a continuación.
Valor del atributo: el atributo debe contener una URL válida que no contenga espacios en blanco al principio ni al final.
Etiquetas compatibles:
Ejemplo 1: este ejemplo describe la implementación del atributo itemtype en HTML.
HTML
<!DOCTYPE html> <html> <head> <title>HTML itemtype attribute</title> </head> <body> <h1>GeeksforGeeks</h1> <h4>Tutorials and Courses</h4> <div itemscope itemtype= "http://geeksforgeeks.org"> <span itemprop="description"> GeeksforGeeks is a portal for geeks. It has tutorials on various topics. </span> <br> Course: <span itemprop="course">Java</span> <br> Tutorial: <span itemprop="tutorial">C++</span> <br> </div> </body> </html>
Producción:
Ejemplo 2: este ejemplo describe el atributo itemtype, especificando el itemprop que describe la propiedad de un elemento.
HTML
<!DOCTYPE html> <html> <head> <title>HTML itemtype attribute</title> </head> <body> <h1>GeeksforGeeks</h1> <h4>Paid Courses</h4> <div itemscope itemtype= "http://geeksforgeeks.org"> <span itemprop="product" itemtype= "http://geeksforgeeks.org/product"> GeeksforGeeks is a portal for geeks. </span><br><br> Course: <span itemprop="course"> Data Structures and Algorithms </span><br> Tutorial: <span itemprop="tutorial"> Core Java </span> </div> </body> </html>
Producción:
Navegador compatible: los navegadores compatibles con el atributo itemtype se enumeran a continuación:
- Google Chrome
- Borde de Microsoft
- Firefox
- Ópera
- explorador de Internet
- Safari
Publicación traducida automáticamente
Artículo escrito por tarunsinghwap7 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA