105 Stimmen

Was sind die besten Methoden, um Elemente in <head> anzuordnen?

Alles in beliebiger Reihenfolge verwenden kann? ist die Platzierung von <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> ist wichtig, bevor <title>

Diese Methode wird am häufigsten verwendet, ist sie die beste Methode?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Title Goes Here</title>
    <link rel="stylesheet" href="http://sstatic.net/so/all.css?v=5912">
    <link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico">
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
    $(function() {

        $("#wmd-input").focus();
        $("#title").focus();
        $("#revisions-list").change(function() { window.location = '/posts/1987065/edit/' + $(this).val(); });

    });        
</script>

</head>

<body>
<p>This is my web page</p>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools.js"></script>
</body>

</html>

diese Seite http://stackoverflow.com hat keine Kodierung und <meta>

Ich verwende ein CMS mit einer SEO-Komponente, die jeden <meta> für SEO nach allen js und css. Dateien. kann beliebige Elemente in beliebiger Reihenfolge platzieren, die in <head> die Kompatibilität der Dokumente und die Kodierung beeinflussen?

0 Stimmen

Wo sind die ganzen Kommentare geblieben?

0 Stimmen

Diese Website (stackoverflow.com) hat ihre Kodierung (auf UTF-8) eingestellt, sie steht nur in den HTTP-Headern, wo sie hingehört. Das Definieren des Zeichensatzes in einem Meta-Tag ist eine Art von Hacking Workaround.

2 Stimmen

Das stimmt. Es ist vorzuziehen, den Zeichensatz in den HTTP-Headern zu definieren, aber in manchen Situationen können Sie diese nicht festlegen (z. B. beim Laden von Dateien von Ihrer lokalen Festplatte), so dass die <meta> Tag ist eine Abhilfe für diese Fälle, aber nicht unbedingt notwendig.

5voto

Ryan Doherty Punkte 37885

Sie sollten den Inhaltstyp zuerst angeben, da dieser die Zeichenkodierung angibt, andernfalls versuchen einige Browser, die Kodierung zu erraten, wenn sie später kommt. (Ich kann mich nicht mehr an die Einzelheiten erinnern, aber ich glaube, der IE rät, wenn er in den ersten 75 Zeichen des Dokuments keine Kodierung findet).

Die meisten Webserver senden die Kodierung in den HTTP-Headern, aber wenn ein Benutzer Ihre Seite speichert, werden die Header nicht mitgespeichert.

Ich würde CSS-Referenzen an zweiter Stelle setzen, damit der Browser sie so schnell wie möglich herunterlädt.

JavaScript würde ich nicht in den Kopf setzen, es sollte am Ende der Seiten stehen, da das Herunterladen das Rendern der Seiten blockiert.

0voto

David R Tribble Punkte 11254

IIRC, einige Browser laden das Dokument neu, wenn sie auf eine content-type Element. Daher sollte dieses Element wahrscheinlich an erster Stelle innerhalb der head Element des Dokuments.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X