<segunda etiqueta>
¡Algún texto!
</segunda etiqueta>
Todas estas etiquetas anteriores nos ayudan a definir cada una de las partes de una web como sus artículos sus menús y todos los diferentes elementos que tienen una pagina web en si.
Pero como etiquetar un nombre, un teléfono o cosas por el estilo.
Es aquí donde los microdatos juegan un papel importante en el nuevo estándar de la W3C
Funcionan de la siguiente manera.
Primero requieren:
Itemscope= Que es un contener de datos
Itemtype= Que es apartir de donde sacamos la definición de los datos
Itemprop= Esto que es donde esta el dato
<!DOCTYPE HTML>
<html>
<head></head>
<body>
<header>
<nav></nav>
</header>
<section>
<div itemscope itemtype="http://www.data-vocabulary.org/Person/">
Me llamo <span itemprop="name"> Yhoan </span>
Ma llaman <span itemprop="nickname"> Toño </span>
Trabajo de <span> itemprop="title"> desarrollador de software y creando la vida</span>
Mi web es <a href="http://www.hanoit.com" itemprop="url">Hanoit</a>
Tengo un amigo que se llama <span itemprop="friend"> Juan David </span>
</div>
<article></article>
<aside></aside>
</section>
<footer>
</footer >
</body>
</html>
Esto es muy beneficiosos para saber que estoy hablando en mi web y que cosas trato dentro de ella
<p>Hola soy el párrafo </p>
<!DOCTYPE html>
<html>
<head>
<title>Primera pagina</title>
</head>
<body>
<h3>Hola soy un encabezado</h3>
<p>Holaaaa</p>
<p>Holaaaaaaaa</p>
<p>Holaaaaaaaaaaa</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<img src="http://bit.ly/PK1euu"></img>
<img src="http://bit.ly/PK1euu"></img>
</body>
</html>
<!DOCTYPE html>
<html> <head> <title></title> </head> <body> <a href="http://www.google.com"> <img src="http://bit.ly/PK1euu"></img> </a> </body> </html>
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <a href="http://www.google.com"> <img src="http://bit.ly/PK1euu"></img> </a> <img src="http://bit.ly/PK1euu"></img> <a href="http://www.google.com"> Hola </a>
</body> </html>
<!DOCTYPE html>
<html>
<head>
<title>Result</title>
</head>
<body><h1>YEAH SANDWICHES</h1>
<img src="http://bit.ly/RhrMEn" />
<p>I like eggs.</p>
<p>And ham!</p>
<p>But mostly sandwiches.</p>
</body>
</html>