¿Cómo agregar pie de página para un documento o sección usando HTML5?

En este artículo, definimos un pie de página para un documento o sección usando la etiqueta <footer> . Esta etiqueta en HTML se usa para definir un pie de página de un documento HTML. Esta sección contiene la información de pie de página (información del autor, información de derechos de autor, proveedores, etc.). La etiqueta <footer> se usa dentro de la etiqueta del cuerpo. La etiqueta de pie de página es nueva en HTML5. Los elementos de pie de página requieren una etiqueta de inicio y una etiqueta de finalización.

Sintaxis:

<footer> Contents... </footer>

Un elemento de pie de página normalmente contiene información de autoría, información de derechos de autor, información de contacto, mapa del sitio, enlaces de regreso al principio, documentos relacionados, etc.

Ejemplo:

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML footer Tag
    </title>
  
    <style>
        a {
            font-size: 25px;
            text-decoration: none;
        }
  
        p {
            font-size: 25px;
        }
    </style>
</head>
  
<body>
    <h2>
        GeeksForGeeks
    </h2>
  
    <h2>
        Define a footer for a 
        document or section
    </h2>
  
    <footer>
        <nav>
            <p>
                <a href=
"https://www.geeksforgeeks.org/about/">
                    About Us
                </a>|
                  
                <a href=
"https://www.geeksforgeeks.org/privacy-policy/">
                    Privacy Policy
                </a>|
  
                <a href=
"https://www.geeksforgeeks.org/careers/">
                    Careers
                </a>
            </p>
        </nav>
        <p>
            @geeksforgeeks, Some 
            rights reserved
        </p>
    </footer>
</body>
  
</html>   

Producción:

Navegadores compatibles:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *