Wie Semantic Können wir mit HTML 5?

StackOverflow https://stackoverflow.com/questions/1025126

  •  06-07-2019
  •  | 
  •  

Frage

Dies ist ein Community Wiki, der die Frage stellt: „Wie semantisches kann unser HTML-Markup Dank erhalten zu HTML 5?“ Unten können Sie den Quellcode einer Probe HTML 5 Seite. Das Ziel ist es, eine sehr brauchbar, zugänglich, Stil-fähige Webseite mit so wenige Klassen und IDs wie möglich zu machen.

Auch wenn planen Sie beginnen HTML Umsetzung 5? Gehst du 10+ Jahre warten, bis der Entwurf fertig ist, oder wollen Sie nun, dass Browser-Unterstützung ein „Early Adopter“ werden schnell wächst? 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />  
        <title>Site Name &bull; Page Title</title>
    </head>
    <body>
        <nav>
            <h1><a href="/">Site Name</a></h1>
            <ul>
                <li><a href="#">Nav Link</a></li>
                <li><a href="#">Nav Link</a></li>
                <li><a href="#">Nav Link</a></li>
            </ul>
        </nav>
        <header>
            <p>Welcome to the site!</p>
            <a href="#">Call to action!</a>
        </header>
        <section>
            <aside>
                <!-- Sidebar -->
            </aside>
            <article>
                <header>
                    <h2>Article Name</h2>
                    <p>Posted by <cite>Kerrick Long</cite> on <time datetime="2009-06-21">June 21</time>.</p>
                </header>
                <p>Lorem ipsum dolor sit amet...Aliquam erat volutpat.</p>
                <figure>
                    <img src="/images/eclipse.jpg" width="640" height="480" alt="Solar Eclipse" />
                    <label>Here we can see the solar eclipse that happened <time datetime="2009-05-28">recently</time>.</label>
                </figure>
                <p>Lorem ipsum dolor...</p>
            </article>
        </section>
        <footer>
            <p>&copy; <time datetime="2009-01-01">2009</time>, <cite>Site Owner</cite></p>
        </footer>
    </body>
</html>
War es hilfreich?

Lösung

Es wird nicht 10+ Jahre. Dieser Zeitraum ist für „Endausbau“, alle Browser alle Teile der Spezifikation unterstützen. Es ist durch ein Kandidat Ende dieses Jahres zu werden, Anfang nächsten und hoffentlich von 2011/2 genehmigt.

Ich bin Phasing es es in dem ich kann, gerade jetzt. Wie viel kann ich verwenden, hängt von Publikum, aber da IE Aktie ständig rückläufig ist, was sie nicht unterstützen ist nicht länger ein Killer, zumal John Resig „HTML5 Shiv“ läßt die semantischen Tags auch in IE6 spielen mit js eingeschaltet.

Noch wichtiger ist, ich fange an, mein Denken in HTML5 Linien zu verschieben, heute mithilfe von Klassen für das, was HTML5-Tags werden morgen (div class = „nav“). Auf diese Weise werde ich mehr verwendet werden in HTML5 Begriffe denken, wenn sich die Gelegenheit ergibt.

Andere Tipps

Obwohl ich großes Glück nehme neue Fähigkeiten zu sehen, bleibt die Wahrheit immer noch, dass meine Kunden IE6 verwenden (und ähnlichen Browser). So viel wie ich alle einen modernen Browser sehen möchte verwenden, die Tatsache, dass sie nicht bedeutet, dass ich mit Technologien arbeiten muß, die sie nicht benötigen zu aktualisieren.

Ich werde es benutzen, sobald Browser unterstützen. Die Seiten, die ich machen, sind vor allem Projekte Hobby meist von Firefox-Nutzern besucht. (80% meines Verkehrs nutzt die neueste Version von FF).

Beachten Sie, dass das cite Element für den Namen einer Person nicht geeignet ist: HTML5 heißt es:" der Name einer Person ist nicht der Titel einer Arbeit - auch wenn die Menschen, die Person eine Arbeit nennen - und das Element muss daher nicht verwendet werden die Namen auszuzeichnen.“ Auch in <meta charset="UTF-8" /> der Schrägstrich ist nicht erforderlich.

Der Haupttreiber für Menschen HTML Annahme 5 würde eine bessere Platzierung in Suchmaschinen, ohne dass, ich bin ein großer Grund, nicht zu sehen, zu übernehmen.

(Vielleicht, wenn Leute mich irgendwie davon überzeugen können, dass die Bahn könnte mehr Daten artig sein und daher würde die Interoperabilität verbessern, dann könnte ich etwas überzeugt sein, aber das klingt ein bisschen zu optimistisch)

Ich werde echo Jonothan Sampson. Solange eine angemessene Anzahl von Menschen ältere Browser noch verwenden, ist es schwer, diesen Sprung zu machen.

Auf der anderen Seite, ist es wahrscheinlich sinnvoll Browser zu erkennen und eine Version zu senden, die guten Sinn macht. Da die Unterschiede zwischen den beiden Sprachen moderat sein werden, wird es wohl machbar sein, eine HTML5-Seite zu HTML4 mit additonal Klasse und Stile zu verwandeln, je nach User-Agenten, vielleicht mit einem kleinen Server-Seite Xslt. Das heißt, ich bezweifle, dass ich würde derjenige sein, dass die Technologie zu erfinden, obwohl ich es benutzen würde, ob oder wann es verfügbar wird.

Die Menschen halten eine Javascript-Lösung für ältere Browser wie IE6 zu erwähnen, aber was ist, wenn sie nicht unterstützen Javascript?

Leider keine Antwort, sondern mehr ein ????? Da dies der Punkt ist, ich bekomme es einfach nicht über semantische html5 und IE-Unterstützung.

Sie können immer gehen Gürtel und Klammern für älteren Browser 

<nav><div id="nav"> some nav stuff</div></nav>

Aber das fühlt sich schmutzig zu mir?

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top