Unidad 18. Referencia de etiquetas HTML (XI)

18.48. Etiqueta <main>

Definición: la etiqueta <main> sirve para agrupar el contenido principal del cuerpo de una página web. Es decir, la parte de la página donde se trata el tema principal de la página, por lo tanto agrupa la mayor parte del contenido de la página. Lo normal es que sólo haya una etiqueta main en cada página, y esta se subdivida en secciones, artículos, ...

Ejemplo: <main> Resto de etiquetas del cuerpo de la página web.</main>

Explicación en este curso.

Recomendación W3C

18.49. Etiqueta <map>

Definición: la etiqueta <map> se utiliza para crear una imagen sobre la que podemos definir áreas con enlaces. Es decir, podemos poner varios enlaces distintos en una misma imagen.

Ejemplo:

<img src="graficos/mapa_sudamerica.jpg" alt="" width="360" height="500" usemap="#sudamerica"/>
  <map name="sudamerica" id="sudanerica">
    <area shape="poly" coords="233,306,108,110,327,142" href="https://es.wikipedia.org/wiki/Brasil" target="_blank" alt="Brasil" />
    <area shape="poly" coords="168,450,130,272,197,289" href="https://es.wikipedia.org/wiki/Argentina" target="_blank" alt="Argentina" />
  </map>

Resultado: Al hacer clic en Brasil enlaza con la página de Brasil en la Wikipedia y lo mismo para Argentina:

Explicación en este curso.

Recomendación W3C

18.50. Etiqueta <mark>

Definición: la etiqueta <mark> se utiliza para destacar un texto como si lo marcásemos con un rotulador. Por defecto, se marca con color de fondo amarillo.

Ejemplo: <p> El famoso cuadro <mark>Gernika</mark> fue pintado por P. Picasso en 1937.</p>

Resultado:

El famoso cuadro Gernika fue pintado por P. Picasso en 1937.

Recomendación W3C

18.51. Etiqueta <meta>

Definición: la etiqueta <meta> sirve para aportar información adicional al navegador a la hora de procesar la página, es lo que se conoce como metadatos. Esta etiqueta no tiene etiqueta de cierre, se cierra con />. La forma de la etiqueta es <meta contenido="valor" />, donde contenido y valor pueden ser cualquier texto, en principio no hay restricciones estrictas al respecto, podemos crear una pareja "contenido/valor" según nuestras necesidades, por ejemplo, al crear un nuevo servicio web. Un ejemplo frecuente de la utilización de la etiqueta <meta> es para definir el juego de caracteres, <meta charset="utf-8">.

Ejemplo: <meta charset="utf-8">

Explicación en este curso.

Recomendación W3C

18.52. Etiqueta <nav>

Definición: la etiqueta <nav> está pensada para contener la barra de navegación o los enlaces a las páginas del sitio web. Es una etiqueta contenedor, sin formato predefinido. Para crear la barra de navegación se suele usar una lista a la que se da formato con hojas de estilo.

Ejemplo: <nav> Etiquetas de la barra de nevegación.</nav>

Explicación en este curso.

Recomendación W3C