Los microdatos le permiten definir sus propios elementos personalizados y comenzar a implantar propiedades personalizadas en sus páginas web. En un nivel alto, los microdatos comprenden un conjunto de pares nombre-valor. La sintaxis de microdatos consiste en un conjunto de ( nombre-valor) que se pueden adquirir utilizando herramientas de análisis de máquina. Los microdatos utilizan un vocabulario para narrar un elemento y pares de nombre y valor para asignar valores a sus pertenencias. Los microdatos son un intento de proporcionar una manera fácil de anotar elementos HTML con etiquetas legibles por máquina y analizar páginas web. Esto permite que los motores de búsqueda destaquen o destaquen más información aplicable.
Los grupos se denominan elementos y cada par nombre-valor es una propiedad. Los elementos y las propiedades están representados por elementos regulares.
Definición del vocabulario de microdatos: los vocabularios de microdatos proporcionan la semántica o el significado de un elemento. Los desarrolladores web pueden diseñar un vocabulario personalizado o usar vocabularios disponibles en la web O Para definir el vocabulario de microdatos, necesita una URL de espacio de nombres que apunte a una página web en funcionamiento. Por ejemplo, https://abc-xyz.org/geek (sitio de ejemplo) se puede utilizar como espacio de nombres para un vocabulario de microdatos personales con las siguientes propiedades con nombre:
- nombre: nombre de la persona como una string simple.
- País: Nombre del país como una string simple.
- url: Un sitio web perteneciente al usuario.
- foto: URL de una imagen del usuario.
Atributos globales: A continuación se describen algunos de los atributos globales de los microdatos.
|
No Señor. |
Atributo |
Descripción |
| 1. | itemscope | Define el alcance de los elementos de microdatos. El atributo itemscope es un atributo booleano que indica que hay microdatos en esta página |
| 2. | tipo de artículo | Una URL para definir el vocabulario utilizado para codificar los microdatos y proporciona el contexto para las propiedades. |
| 3. | articuloprop | Define la propiedad (nombre-valor) de los microdatos. |
| 4. | referencia del artículo | itemref proporciona una lista de ID de elementos con propiedades adicionales. El atributo itemref solo se puede escribir con el atributo itemscope. |
| 5. | Identificación del producto | Es un identificador global para un elemento de microdatos. |
Ejemplo 1: en este ejemplo, para crear un elemento, se usa el atributo itemscope y para agregar una propiedad a un elemento, el atributo itemprop se usa en uno de los sucesores del elemento.
HTML
<!DOCTYPE html> <html> <body> <div itemscope> <p>This website is <span itemprop="name" style="color:green"> <b>GeeksForGeeks</b> </span>. </p> </div> <div itemscope> <p> Learn from the basics,of Data Structure and Algorithms from <span itemprop="name" style="color:green"> <b>DSA-Self Paced</b> </span>. </p> <p>I live in <span itemprop="country" style="color:green"> <b>India</b> </span>. </p> </div> </body> </html>
Producción:
Ejemplo 2: En este ejemplo, hemos definido propiedades como microdatos. Cuando el rastreador web de Google analiza su página y encuentra propiedades de microdatos que se ajustan al vocabulario https://abc-xyz.org/geek (sitio de ejemplo), analiza esas propiedades y las almacena junto con el resto de los datos de la página.
HTML
<!DOCTYPE html> <html> <body> <div itemscope> <section itemscope itemtype="https://abc-xyz.org/geek"> <h1 itemprop="name">GeeksForGeeks</h1> <p> <img itemprop="photo" src= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20200817185016/gfg_complete_logo_2x-min.png"> </p> <a itemprop="url" href= "https://www.geeksforgeeks.org/"> Link to Site </a> </section> </div> </body> </html>
Producción:
imagen de salida
Publicación traducida automáticamente
Artículo escrito por saksham894954 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA