¿Cómo dar el valor asociado con el http-equiv o atributo de nombre en HTML5?

El atributo http-equiv y el nombre se especifican en la etiqueta meta en un programa HTML. La etiqueta meta se incluye en el encabezado del documento HTML. Se utiliza para definir los metadatos (datos que describen datos) sobre el documento HTML. 

Hay muchos elementos diferentes bajo meta, pero discutiremos el atributo http-equiv y el nombre .

Definiciones:

  1. http-equiv: establece la información para los encabezados de los mensajes de respuesta HTTP (por ejemplo, el contenido). Toma algunos valores como política de seguridad de contenido, tipo de contenido, estilo predeterminado y actualización.
  2. nombre: Especifica el tipo/nombre de los metadatos. También tiene un montón de valores que podemos usar como entradas como el nombre de la aplicación, el autor, la descripción, el generador, las palabras clave y las ventanas gráficas.

 Cuando buscas en Google » geeksforgeeks «, puedes notar una descripción. Se implementa usando el atributo de nombre y usando el atributo de contenido con los valores respectivos que se mostrarán para la descripción.

Sintaxis:

 <meta name="description" 
content="It contains the description for your web application">

búsqueda en google de geeksforgeeks

Código HTML: El programa HTML usa ambos atributos. Se agregan comentarios para que lo entiendas mejor.

HTML

<html lang="en">
  
<!--head tag starts-->
<head>
  
    <meta name="application-name" 
          content="Write the name of the web application">
    <meta name="author" 
          content="Write the name of the author here">
    <meta name="description" 
          content="It contains the description for your web application">
    <meta name="generator" 
          content="Enter the generating software which is used as per 
                   it's corresponding content(like WordPress 3.0, etc)">
    <meta name="keywords" 
          content="keyword1, keyword2, keyword3, keyword4">
    <meta name="viewport" 
          content="width=device-width, initial-scale=1.0">
  
    <!--content-security-policy is used for specifying the content policy-->
    <meta http-equiv="content-security-policy" 
          content="default-src 'self' *.example.com">
  
    <!--content-type is used to specify the encoding, 
        we have used UTF-8 which is used to represent
        any character in Unicode Standard-->
    <meta name="content-type" 
          content="text/html" 
          charset="UTF-8">
  
    <!--default-style is used to specify the preferred stylesheet-->
    <meta http-equiv="default-style" 
          content="The preferred stylesheet which is used">
  
    <!--http-equiv gets the document content refreshed in every 9 seconds-->
    <meta http-equiv="refresh" 
          content="9"> 
    <title>GFG</title>
  
</head>
<!--head tag ends-->
  
<!--body tag starts -->
<body>
      
    <center>
        <h2 style="color:green">GeeksforGeeks</h2>
        <b>http-equiv Attribute and name Attribute</b><br/>
        <p></p><p></p>
        <div>
          <b> The Webpage Content ...</b>
        </div>
    </center>
     
</body>
<!--body tag ends here-->
</html>

Producción: 

página web de ejemplo

Publicación traducida automáticamente

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