Etiqueta de cabeza explicada | Metadatos en html

Etiqueta de cabeza explicada | Metadatos en html
El asignar Html determina la sección principal de un documento y actúa como un contenedor. Un contenedor que contiene/contiene los metadatos del archivo HTML. Lo más importante de la La etiqueta es que la mayoría de las cosas que van en el La etiqueta está oculta cuando cargamos una página porque contiene la información relacionada con la página como el título de la página, la ruta de las hojas de estilo, los archivos de script y los metadatos.

Ahora debes tener curiosidad por saber qué son los metadatos? ¿Y qué significan los metadatos del archivo HTML?? El término metadatos se refiere a "datos sobre datos" y los metadatos del archivo HTML se refieren a los datos que se encuentran dentro del Etiqueta de cualquier Html documento como etiqueta, etiqueta, y etiqueta, etc.

Este artículo explica qué es el HTML etiqueta? ¿Y qué podemos hacer dentro del etiqueta?

Etiqueta en html

El La etiqueta se encuentra entre el etiqueta y etiqueta. Determina el encabezado de cualquier documento HTML y contiene las propiedades del documento como el título, las metaetiquetas, los enlaces externos, etc. Ahora discutiremos diferentes elementos que podemos escribir dentro del Etiqueta uno por uno.

Etiqueta en html

El determina el título de cualquier documento HTML y debe ser texto. Escriba el título de cualquier página sabiamente porque es muy crucial con respecto a la optimización de los motores de búsqueda.

Crearemos un documento HTML muy simple y todo se escribirá dentro de la etiqueta de apertura y etiqueta de cierre .




Etiqueta de cabeza en html


Etiqueta de cabeza explicada para principiantes



Dentro de Etiqueta escribimos el título para nuestro Html documento y dentro del Etiqueta también escribimos algo de contenido. Mostrará la siguiente salida:

Cuando ejecutamos este documento, observamos que el título escrito dentro del La etiqueta no aparece en el documento, en su lugar, agrega el título a la barra de herramientas del navegador como se muestra en el fragmento dado. Mientras lo que sea que escribamos dentro del Etiqueta que se muestra en el documento.

Hemos terminado con el etiqueta y ahora veremos cómo podemos abordar un recurso externo utilizando un elemento del etiqueta.

Etiqueta en html

El La etiqueta proporciona una etiqueta muy útil que crea enlaces del documento actual con cualquier recurso externo.

La etiqueta toma dos parámetros:

  • "Rel" para definir el tipo de relación.
  • "Href" por mencionar la ubicación de recursos externos.

Consideremos un ejemplo en el que crearemos dos documentos y luego los vincularemos usando el etiqueta.

Primero, creamos un "CSS" archivo y agregó un código simple

.estilo
color rojo;

Ahora crearemos un Html archivo y agregaremos el elemento en el etiqueta:



<br>Etiqueta de cabeza en html<br>



Etiqueta de cabeza explicada para principiantes



El código anterior creó el etiqueta en el etiqueta y contiene la ruta del archivo CSS en su atributo "Href" mientras que la "Rel" El atributo determina que es una hoja de estilo.

Ahora para diseñar algún elemento HTML desde el archivo CSS, damos un nombre de clase al

Elemento para que podamos acceder a él y darle un estilo del archivo CSS para verificar que el archivo vinculado funcione correctamente o no.

La salida irá así:

La salida verifica que el la etiqueta implementó el efecto del "CSS" Archivo en el documento HTML actual.

Etiqueta en html

El El elemento se usa para establecer un estilo para la página HTML. El ejemplo a continuación describirá el funcionamiento de elemento:



<br>Etiqueta de cabeza en html<br>



Etiqueta de cabeza explicada para principiantes



El código anterior utilizado un Etiqueta para implementar el color RoyalBlue en el color trasero y rojo en el texto. La salida de este código se verá así:

No es una buena práctica escribir todo el estilo en la cabeza. Escriba la etiqueta de estilo al final del archivo HTML antes de cerrar la etiqueta o crear un archivo CSS separado y importarlo.

Etiqueta en html

Podemos usar la etiqueta de script en la etiqueta de la cabeza también. El La etiqueta se usa para escribir el código JavaScript. El ejemplo dado a continuación creó una función utilizando el etiqueta en el Mientras se crea un botón en el .



<br>Etiqueta de cabeza en html<br>



Etiqueta de cabeza explicada para principiantes




En la ejecución exitosa del código recibiremos el siguiente resultado:

Cuando hagamos clic en el botón, cambiará la salida de "Etiqueta de cabeza explicada para principiantes" a "Elemento de script" como se muestra en el fragmento a continuación:

Etiqueta en html

En el documento HTML se usa para definir la descripción de la página, el conjunto de caracteres, etc. No sería visible en la página, sin embargo, los navegadores, los motores de búsqueda lo utilizaron para comprender la información adicional sobre el documento.




Podemos realizar muchas más funcionalidades utilizando el elemento. Por ejemplo, actualizar la página después de cada 30 segundos, proporcionando las palabras clave, etc.

Conclusión

La etiqueta de cabeza es un contenedor que contiene información sobre la página web, meta descripciones y enlaces a recursos externos. Cualquier cosa que se necesite no aparecería en el navegador.

En este artículo, hemos aprendido qué es la etiqueta HTML? y por qué es esencial para los documentos HTML. Después, discutimos los principales elementos de la etiquetar junto con sus funcionalidades.