2010-05-20 16 views
8

Estableciendo un "marco básico" para los proyectos de mi sitio web, me pregunto qué meta elementos son realmente necesarios/recomendados. En particular, me gustaría saber cómo manejar los atributos del idioma. En el siguiente ejemplo, creo que algo. se repite innecesariamente ...Meta Elementos Recomendados?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> 

<head> 

<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<meta http-equiv="content-style-type" content="text/css" /> 
<meta http-equiv="content-script-type" content="text/javascript" /> 
<meta http-equiv="content-language" content="en" /> 
<meta http-equiv="language" content="en" /> 

<title> Title </title> 
<base href="http://www.mydomain.com" /> 

<meta name="charset" content="utf-8" /> 
<meta name="content-language" content="en" /> 
<meta name="language" content="en" /> 

<meta name="description" content="description" /> 
<meta name="keywords" content="keywords" /> 

</head> 

P.S. "content-language" = "idioma"?

+0

duplicados de http://stackoverflow.com/questions/1092329/what -are-the-important-meta-tags-i-must-put-in-my-website –

Respuesta

14
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 

sin duda recomendable

<meta http-equiv="content-style-type" content="text/css" /> 

inútil, exploradores sólo CSS apoyo.

<meta http-equiv="content-script-type" content="text/javascript" /> 

Inútil, los navegadores solo son compatibles con JavaScript.

<meta http-equiv="content-language" content="en" /> 

redundante a <html lang="en">

<meta http-equiv="language" content="en" /> 

no existe, que yo sepa.

<title> Title </title> 

Definitivamente recomendado.

<base href="http://www.mydomain.com" /> 

Depende de cómo quiera que sus enlaces relativos funcionen, supongo.

<meta name="charset" content="utf-8" /> 
<meta name="content-language" content="en" /> 
<meta name="language" content="en" /> 

Parece typo's.

<meta name="description" content="description" /> 

Probablemente útil.

<meta name="keywords" content="keywords" /> 

Ignorado por todos los motores de búsqueda debido al abuso generalizado.

+0

gracias, ms2ger! – joyce

1

Use este para HTML 5:

<!DOCTYPE html> 

Esto se ve mal:

<meta name="charset" content="utf-8" /> 

probablemente debería ser esto para HTML 5:

<meta charset="utf-8"> 

Ese es el nuevo HTML 5 forma de establecer la codificación del conjunto de caracteres. Es muy recomendable incluir también la manera antigua:

<meta http-equiv="content-type" content="text/html; charset=utf-8"/> 

Estos deben ser directamente después de la cabeza etiqueta de apertura:

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
     <title>The title</title> 
    </head> 
    <body> 
    </body> 
</html>