2012-07-20 9 views
6

Welches ist das beste? Und was ist der Unterschied?Metatags erklärt: http-equiv und charset

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

oder

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

Eine andere Sache, ich sehe, dass Ansichtsfenster Meta-Tags und meta http-equiv Tags nicht die /> Schließen-Tags als charset und andere Meta-Tags haben bekommen ... warum ist Das?

Danke

Antwort

12

Das zweite ist besser, da es prägnanter ist. So wurde es in HTML5 standardisiert.

Wie für die Tags mit der Endung />: Es macht keinen Unterschied, welches Tag es ist. Kein Tag muss in HTML5 geschlossen werden. In den alten Tagen von XHTML, alle mussten diese Tags schließen, da XHTML mit XML verwandt ist.

So ist das Essen zum Mitnehmen so:

  1. Verwenden Sie einen HTML5 Doctype: <!DOCTYPE html> - Ist das nicht nur schön und einfach? Auf jeden Fall
  2. verwenden <meta charset="utf-8"> - prägnante, mehr betterererererer ...
  3. keine Notwendigkeit, Ihre Tags mit />
+1

Natürlich müssen sie immer noch so in XHTML5 schließen: P – BoltClock

+0

danke für Ihre Antwort. Die Sache ist, nicht alle Browser unterstützen HTML 5 richtig (die älteren jetzt ...), also ist das Hinzufügen von /> besser, um sie richtig unterzubringen? – DextrousDave

+0

@DextrousDave - Die HTML5-Spezifikation ist rückwärtskompatibel aufgebaut (Pflasterung der Cowpaths), so dass sie in allen alten Browsern funktioniert (einschließlich IE6 - wenn man bedenkt, dass "immer noch in Verwendung"). Also keine Sorgen; benutze einfach das oben beschriebene HTML-Material und du wirst in Ordnung sein. –

0

Referenz schließen: http://www.w3schools.com/html5/tag_meta.asp

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

so die zweite ein klein ist (html5) und aktuelle

+0

Bitte verlinken Sie nicht zu w3schools. [Sie sind keine Autorisierungsquelle] (http://w3fools.com/). –