Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Actividad 2.1

    Cargado por

    Gibram Montalvo
    35 vistas6 páginas
    Ejemplos de uso de la etiqueta meta.

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Ejemplos de uso de la etiqueta meta.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    35 vistas6 páginas

    Actividad 2.1

    Cargado por

    Gibram Montalvo
    Ejemplos de uso de la etiqueta meta.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 6

    Instituto Tecnolgico

    Superior Del Sur


    Del Estado De Yucatn
    INGENIERIA EN SISTEMAS COMPUTACIONALES

    Programacin Web
    Docente: Jimmy Pea Koo
    Actividad 2.1
    INVESTIGACN

    USO DE LA ETIQUETA

    < meta >


    Elaboro: Gibram Montalvo Cabrera

    La etiqueta <meta> se utiliza para aadir informacin sobre la pgina. Esta


    informacin puede ser utilizada por los buscadores, que son lo que consultan la
    informacin de la etiqueta <meta> de las pginas, buscando coincidencias con lo
    que el usuario pretende encontrar.
    A travs de esta etiqueta pueden especificarse los atributos name y content. El
    atributo name indica el tipo de informacin, y el atributo content indica el valor de
    dicha informacin.
    Para indicar el tipo de informacin podemos utilizar cualquier palabra que
    deseemos, como puede ser "Autor", "Palabras clave", "Descripcin", etc. Pero
    debido a que la mayora de buscadores estn en ingls, es preferible que el tipo
    de informacin se especifique en ingls.
    Los tipos de informacin ms utilizados son los siguientes:
    Tipo
    author
    classification
    description
    generator
    keywords

    Significado
    Autor de la pgina
    Palabras para clasificar la pgina en los buscadores
    Descripcin del contenido de la pgina
    Programa utilizado para crear la pgina
    Palabras clave

    La etiqueta <meta> no necesita etiqueta de cierre. Para cada etiqueta <meta> solo
    es posible indicar un tipo de informacin y su valor, pero es posible insertar varias
    etiquetas <meta> en un mismo documento.
    La etiqueta <meta> ha de estar entre las etiquetas <head> y </head>.
    A continuacin proporcionare 10 ejemplos para el uso de esta etiqueta:
    1. Codificacin
    Definimos que nuestra web es Europeo Occidental. Esta meta-etiqueta permite
    visualizar correctamente los caracteres especiales de las lenguas europeas: ,
    ,...
    <html>
    <head>
    ...
    <meta equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    ...

    2. Idioma de la pgina
    Define la lengua en la que est el sitio web. En el caso del idioma castellano la
    sintaxis ser:
    <html>
    <head>
    ...
    <meta name="DC.Language" SCHEME="RFC1766" CONTENT="Spanish">
    </head>
    ...
    o bien:
    <html>
    <head>
    ...
    <meta http-equiv="Content-Language" content="es">
    </head>
    ...
    3. Codificacin de la pagina (charset)
    El atributo charset se utiliza para especificar la codificacin usada en nuestra
    pgina. nicamente debe existir una etiqueta meta con el atributo charset en la
    pgina. En l indicaremos si nuestra pgina esta codificada en UTF-8, ISO o
    cualquier otro tipo de codificacin.
    <meta charset="utf-8">
    Nota: Este elemento debe estar dentro del los primeros 512 bytes de la pgina:
    4. Autor, descripcin
    El siguiente cdigo indica que el autor de la pgina es Gibram Montalvo, que la
    pgina trata sobre un curso de HTML gratuito
    <html>
    <head>
    ...
    <meta name="author" content="Gibram Montalvo">
    <meta name="description" content="Curso de HTML gratuito">
    </head>
    ...

    5. Palabras clave (keywords)


    Estas palabras claves (keywords) sern usadas por los motores de bsqueda
    para identificar el contenido de la pgina y de esa forma mejorar la calidad de los
    resultados de una bsqueda.
    Observe que "vacaciones en el Caribe" y "Caribe" son trminos diferentes.
    "vacaciones en el Caribe" es un trmino ms preciso que la palabra "Caribe". Esto
    es importante ya que ayuda a los motores de bsqueda a encontrar trminos que
    se adecan a las exigencias de los usuarios. Lo que nos lleva a entender que hay
    ms posibilidades de aparecer en puestos superiores en los resultados de
    bsqueda.
    <html>
    <head>
    ...
    <meta name="keywords" content="vacaciones, vacaciones en el Caribe, Caribe,
    islas, playas del Caribe, sol">
    </head>
    ...
    Nota: Las palabras claves deben separarse con una coma (,) y se pueden escribir
    una, dos o ms palabras juntas.
    Tambin es importante dar una descripcin lo ms precisa posible de la pgina
    Web.
    De igual manera podemos utilizar la etiqueta para dar una descripcin.
    6. Rating
    La etiqueta rating se usa para definir el pblico al que se dirige nuestra pgina,
    especialmente para decir si una pgina es apropiada o no para nios.
    Los valores de esta etiqueta son: general, para todos los pblicos; 14 years,
    para pblico con ms de 14 aos; mature, para maduros; restricted, slo para
    adultos; safe for kids, apta para nios.
    <html>
    <head>
    ...
    <meta name="Rating" content=" general ">
    </head>
    ...

    7. http-equiv para refrescar pag.


    La etiqueta <meta> tambin se utiliza para indicarle al navegador alguna
    informacin o alguna accin que debe realizar. En este caso se utiliza el atributo
    http-equiv, en lugar del atributo name.
    Por ejemplo, imaginemos que por algn motivo queremos que nuestra pgina se
    actualice automticamente cada 30 segundos. En ese caso, deberamos utilizar la
    accin Refresh (actualizar). Podramos utilizar el siguiente cdigo:
    <html>
    <head>
    ...
    <meta http-equiv="Refresh" content="30">
    </head>
    ...
    8. http-equiv para re direccionar
    Ahora imaginemos que hemos cambiado la direccin en la que se encuentra
    nuestra pgina web, y queremos que cuando algn usuario visite la pgina en la
    direccin antigua, a los 5 segundos el navegador lo redirija automticamente a la
    direccin nueva. En ese caso podramos insertar el siguiente cdigo en la pgina
    que se encuentra en la direccin antigua:
    <html>
    <head>
    ...
    <meta http-equiv="Refresh" content="5; URL=http://www.aulaclic.com/index.htm">
    </head>
    ...
    De este modo, el navegador realizara la funcin de actualizar la pgina, pero
    cargando
    la
    que
    se
    encontrara
    en
    la
    nueva
    direccin
    (URL=http://www.aulaclic.com/index.htm).

    Las etiquetas <meta> pueden utilizarse para especificar la informacin por defecto
    de un documento en los siguientes aspectos:
    El lenguaje de scripts por defecto.
    El lenguaje de hojas de estilo por defecto.
    La codificacin de caracteres del documento.
    Para ello nos servimos del atributo http-equiv
    9. En este caso indicamos el lenguaje de scripts por defecto.
    <html>
    <head>
    ...
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    </head>
    ...
    10. En este caso indicamos lenguaje de hojas de estilo por defecto
    <html>
    <head>
    ...
    <meta http-equiv="Content-Style-Type" content="text/css">
    </head>
    ...
    10. En este caso indicamos que la palabra contenida ser codificada a una cadena
    de caracteres para determinado lenguaje de sistema.
    <html>
    <head>
    ...
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-5">
    </head>
    ...

    También podría gustarte