Etiqueta HTML <head>

La etiqueta <head> en HTML se usa para definir la parte del encabezado del documento que contiene información relacionada con el documento. 
La etiqueta <head> contiene otros elementos de encabezado como <title>, <meta>, <link>, <style> <link> etc. 
En HTML 4.01, el elemento <head> era obligatorio, pero en HTML5, el elemento <head> puede ser omitido.
Atributos específicos de la etiqueta :
los atributos de diseño mencionados a continuación de la etiqueta <hr> se han eliminado de HTML5. 

Atributo: 

  • perfil: se utiliza para especificar la URL de un documento que contiene uno o más perfiles de metadatos para que los navegadores comprendan claramente la información.

Sintaxis: 

<head>
<title>Title of the document</title>
</head>

El siguiente programa ilustra el elemento <head>:

Programa 1:

HTML

<!DOCTYPE html>
<html lang="en">
 
<head>
    <title>HTML Head Tag </title>
</head>
 
<body>
     
 
<p>GeeksforGeeks is a portal for geeks.</p>
 
 
    <hr>
</body>
 
</html>

Producción: 
 

Programa 2 (usando la etiqueta de estilo dentro de la etiqueta principal)

HTML

<!DOCTYPE html>
 
<html>
 
<head>
    <style>
        body {
            background: skyblue;
        }
         
        h1 {
            color: red;
        }
         
        p {
            color: blue;
        }
    </style>
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
     
 
<p>It is a portal for geeks.</p>
 
 
 
</body>
 
</html>

Producción: 
 

Programa 3 (usando la etiqueta de enlace dentro de la etiqueta principal):

HTML

<!DOCTYPE html>
 
<html>
 
<head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
     
 
<p>It is a portal for geeks.</p>
 
 
 
</body>
 
</html>

Producción: 
 

Navegadores compatibles: 

  • Google Chrome 1 y superior
  • Borde 12 y superior
  • explorador de Internet
  • Firefox 1 y superior
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por Shubrodeep Banerjee 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 *