2012-07-20 17 views
6

¿Cuál es la mejor? ¿Y cual es la diferencia?Metaetiquetas explicadas: http-equiv y charset

<meta http-equiv="content-type" content="text/html;charset=utf-8"/> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

o

<meta charset="utf-8"/> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

Otra cosa, veo esa ventana meta tags y etiquetas meta http-equiv no consigue los> etiquetas/cierre como juego de caracteres y otras etiquetas meta ... tienen por qué es ¿ese?

Gracias

Respuesta

12

El segundo es mejor, ya que es más concisa. Fue estandarizado de esa manera en HTML5.

En cuanto a las etiquetas que terminan en />: No importa qué etiqueta sea. Ninguna etiqueta debe cerrarse así en HTML5. En los viejos tiempos de XHTML, todo estas etiquetas tenían que cerrarse así, ya que XHTML está relacionado con XML.

Por lo tanto, la comida para llevar es así:

  1. utilizar un tipo de documento HTML 5: <!DOCTYPE html> - ¿No es simplemente agradable y simple?
  2. Definitivamente el uso <meta charset="utf-8"> - Más concisa, más betterererererer ...
  3. No es necesario cerrar las etiquetas con />
+1

Por supuesto, todavía tienen que cerrar así en XHTML5: P – BoltClock

+0

gracias por su respuesta. La cuestión es que no todos los navegadores admiten HTML 5 a la derecha (los más antiguos ahora ...), por lo que agregar el /> es mejor para acomodarlos ¿verdad? – DextrousDave

+0

@DextrousDave - La especificación HTML5 está construida de una manera compatible con versiones anteriores (pavimentando los caminos de acceso de los cowpaths), de modo que funciona en todos los navegadores antiguos todavía en uso (incluido IE6, si considera que "todavía está en uso"). Así que no te preocupes; solo usa el material HTML descrito anteriormente, y estarás bien. –

0

Referencia: http://www.w3schools.com/html5/tag_meta.asp

HTML 4.01: meta http-equiv = "Content escribir" content = "text/html; charset = UTF-8"
HTML5: charset meta = "UTF-8"

por lo que el segundo es una pequeña (HTML5) y la última

+0

No haga link a w3schools. [No son una fuente autorizada] (http://w3fools.com/). –

Cuestiones relacionadas