En este artículo, conoceremos el atributo itemid de HTML con su implementación a través de los ejemplos.
Sabemos que todos los elementos HTML tienen atributos, ya que brindan información adicional sobre ese elemento en particular. Toma dos parámetros, nombre y valor , que definen las propiedades del elemento y se colocan dentro de la etiqueta del elemento.
El itemid es un tipo de atributo global. Atributos que son comunes a todos los elementos de HTML que proporcionan microdatos en forma de un identificador global único de un elemento. Debe utilizar este atributo solo cuando utilice microdatos. Este atributo solo se puede usar con aquellos elementos que tienen atributos itemscope y itemtype . Si falta el atributo itemid , se dice que no tiene un identificador global.
Sintaxis:
<dl itemscope itemtype="https://www.geeksforgeeks.org/html-book" itemid="urn:isbn:0-323-34323-9">
Valor del atributo: este atributo debe tener un valor que sea una URL válida que no tenga espacios en blanco al principio ni al final.
Etiquetas compatibles:
- <dl>
Nota: El itemid debe ser URL o también puede usar URN como lo hemos usado en el siguiente ejemplo.
Ejemplo 1:
HTML
<!DOCTYPE html> <html> <head> <title>GeeksforGeeks</title> </head> <body> <h2>Welcome To GFG Books</h2> <dl itemscope="" itemtype= "https://www.geeksforgeeks.org/html-book" itemid="urn:isbn:0-330-34032-8"> <dt>Title </dt> <dd itemprop="title"> The Intro to C++ </dd> <dt>Author </dt> <dd itemprop="author"> GFG Pvt. Ltd. </dd> <dt>Publication date </dt> <dd> <time itemprop="pubdate" datetime="1996-01-26"> 26 January 1996 </time> </dd> </dl> </body> </body> </html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html> <html> <head> <title>GeeksforGeeks</title> </head> <body> <h2>Geeks Courses</h2> <dl itemscope="" itemtype="https://www.geeksforgeeks.org/course" itemid="urn:crn-01-2021"> <dt>Name </dt> <dd itemprop="title">Intro to Java</dd> <dt>Instructor </dt> <dd itemprop="author">Geeky G</dd> <dt>Start date</dt> <dd><time itemprop="pubdate" datetime="1996-01-26"> 10 Jan 2022 </time> </dd> </dl> </body> </html>
Producción:
Navegador compatible:
- Google Chrome
- Borde
- 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