Die Spezifikation für hNews.
<article class="hentry">
<header>
<h1 class="entry-title">But Will It Make You Happy?</h1>
<time class="updated" datetime="2010-08-07 11:11:03-0400" pubdate>08-07-2010</time>
<p class="byline author vcard">
By <span class="fn">Stephanie Rosenbloom</span>
</p>
</header>
<div class="entry-content">
<p>...article text...</p>
<p>...article text...</p>
<figure>
<img src="tammy-strobel.jpg" alt="Portrait of Tammy Strobel" />
<figcaption>Tammy Strobel in her pared-down, 400sq-ft apt.</figcaption>
</figure>
<p>...article text...</p>
<p>...article text...</p>
<aside>
<h2>Share this Article</h2>
<ul>
<li>Facebook</li>
<li>Twitter</li>
<li>Etc</li>
</ul>
</aside>
<div class="entry-content-asset">
<a href="photo-full.png">
<img src="photo.png" alt="The objects Tammy removed from her life after moving" />
</a>
</div>
<p>...article text...</p>
<p>...article text...</p>
<a class="entry-unrelated" href="http://fake.site/">Find Great Vacations</a>
</div>
<footer>
<p>
A version of this article appeared in print on August 8,
2010, on page BU1 of the New York edition.
</p>
<div class="source-org vcard copyright">
Copyright 2010 <span class="org fn">The New York Times Company</span>
</div>
</footer>
</article>
es ist zu anders als html 4!! aber es ist cool :)
ja praveen du hast recht.. es ist sehr einfach, eine responsive Website zu erstellen.. ich denke, kommende Versionen sind so anders.
Das ist ein praktisches Stück Code. HTML5, Microformat, meine Güte. Danke!
Cool
Google, wie HTML5-Codes. Ich habe versucht, die Codes auf meine Website zu übertragen. Schöner Artikel.
Das aside-Element in einem Artikel sollte die Autordetails enthalten. Schau es dir an.
IHR LEUTE. HTML5 SELBST hat hier kommentiert! Wow! Ihr habt es hier zuerst gehört, alle aside-Elemente müssen das rumänische Wort "autor" enthalten, was das "weibliche Äquivalent autoare" ist. Oh HTML5, du bist so verrückt.
Gut gemacht Chris, das hat mich zum Lachen gebracht...
Ich mag das Aussehen von HTML5 wirklich, es scheint klarer und weniger fusselig.
Ich muss mich auf den neuesten Stand bringen und HTML5 & CCS3 nachholen!!
Warum verwendet ihr nicht Microdata? Siehe http://schema.org/ für weitere Informationen.
Hallo, ich denke, es ist besser, itemtype itemscope und itemprop Attribute anstelle von class zu verwenden. Schauen Sie sich dann schema.org an. dort können Sie Ihre Microdaten auf dieser URL testen http://www.google.com/webmasters/tools/richsnippets
Eine Demo wäre vielleicht schön.
Cool, aber können wir
benutzen?
????
@l2aelba Ja, zieh in Betracht: http://www.turtleblog.co.uk/2011/04/whats-new-to-html5/
Toller Artikel, Chris. Und die Kommentarvorschau ist übrigens super :)
Man sollte das Tag
<header>nicht innerhalb von<article>verwenden – es sollte nur einmal auf einer Seite verwendet werden, für die Hauptseitenüberschrift.Das stimmt absolut nicht.
Nein, so ist es nicht, wir können das Header-Tag innerhalb des Artikel-Tags verwenden.
Warum brauchen wir einen Header in einem Artikel, wir können H-Tags oder p verwenden, um die Sitzung zu beenden, ist es notwendig, ihn zu haben.
eine Sache.. wir können auch ohne Artikel verwenden.. meine Frage ist, ist das Article-Tag etwas, an das wir uns halten sollten, welche Ergänzung bringt es
Entschuldigung... ich habe vergessen
..wir können auch ohne die Notwendigkeit von verwenden.
Meine Frage ist, können wir Sections ohne die Notwendigkeit von Artikeln verwenden.. ist es etwas, das wir immer verwenden sollten, wenn wir Sections verwenden... oder ist es optional und uns überlassen.
Wirklich guter Artikel über das Tag
article. Können wir diese Technik für eine Liste von Nachrichtenartikeln verwenden, zum Beispiel auf der Startseite von css-tricks.com. Dort gibt es eine Liste von Artikeln.Wirklich nützliches Tag für meinen Arbeitsprozess.
Nun, eines in HTML, das sich nie ändert, sind seine Grundlagen, man schaut sich das ganze Segment an, man hat immer noch sein p-Tag und das am häufigsten verwendete div-Tag, nun zumindest heutzutage die Verwendung von Tabellen für das Web-Layout wird eher veraltet... davon abgesehen liebe ich die Semantik von HTML und wie sie verwendet wird, Daumen hoch Boss
Ich mache mir immer noch ein wenig Sorgen über IE8, das HTML5-Elemente nicht übersetzen kann.
Wie mache ich das mit allen weit verbreiteten Browsern kompatibler?
Ich verstehe das alles nicht. Bitte verwenden Sie Tabellen für die Präsentation.
Zunächst einmal ein großartiger Artikel. Was ist mit Schema.org? Außerdem würde ich den Autor in ein
<address rel="author">setzen, ich habe gehört, das ist semantischer. Stimmt das?