Manual de referencia HTML

Completo de etiquetas HTML

HTML5: <mark> etiqueta HTML: <map> etiqueta

HTML: <main> etiqueta

La etiqueta <main> de HTML es una etiqueta HTML5Elemento, utilizado para definir el contenido principal del documento HTML, y debe haber solo un elemento <main> en el documento. Este etiqueta también se conoce como elemento <main>.

Ejemplo en línea

En HTML, la sintaxis del marcador <main> es:

<body>
<main　role="main">
　　<h1>oldtoolbag.com</h1>
　　<p>Recursos de confianza para aprender nuevas tecnologías</p>
　　<article>
　　　　<h2>HTML</h2>
　　　　<p>Aprende HTML (lenguaje de marcado de hipertexto) mediante nuestros tutoriales paso a paso y recursos./p>
　　</article>
　　<article>
　　　　<h2>CSS</h2>
　　　　<p>Aprende CSS (hojas de estilo en cascada) mediante nuestros tutoriales paso a paso y recursos./p>
　　</article>
</main>
</body>

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

Todos los navegadores web principales admiten la etiqueta <main>.

Prueba en línea el ejemplo

Ejemplo

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　Uso del etiqueta <main> (Tutorial básico de la web oldtoolbag.com)</title>
</head>
<body>
<main　role="main">
　　<h1>oldtoolbag.com</h1>
　　<p>Recursos de confianza para aprender nuevas tecnologías./p>
　　<article>
　　　　<h2>HTML</h2>
　　　　<p>Aprende HTML (lenguaje de marcado de hipertexto) mediante nuestros tutoriales paso a paso y recursos./p>
　　</article>
　　<article>
　　　　<h2>CSS</h2>
　　　　<p>Aprende CSS (hojas de estilo en cascada) mediante nuestros tutoriales paso a paso y recursos./p>
　　</article>
</main>
</body>
</html>

Prueba aquí ‹/›

Definición y explicación de uso de la etiqueta

El elemento HTML <main> se encuentra dentro de la etiqueta <body>.5elementos.

La etiqueta <main> no debe aplicarse a contenido repetido, como navegación, logotipo del sitio web, enlaces de redes sociales, información de copyright e información de la barra lateral.

se recomienda usar el rol ARIA "main" en el elemento <main> para que los lectores de pantalla de navegadores antiguos puedan acceder a él, por ejemplo: <main role="main">

para navegadores anteriores a IE 9para navegadores IE antiguos, utilice HTML5shiv, es una solución JavaScript que permite a los navegadores IE nuevos HTML5Los elementos proporcionan soporte, por ejemplo: <header>, <main>, <article>, <section>, <aside>, <nav>, <footer>.

En el documento, el contenido del elemento <main> debe ser único. Cualquier contenido idéntico y repetido que exista en cualquier serie de documentos, como barras laterales, enlaces de navegación, información de copyright, logotipo del sitio web, cuadro de búsqueda (a menos que la búsqueda sea la función principal del documento), no debe incluirse en él.

HTML5: <mark> etiqueta HTML: <map> etiqueta