Share
Im Internet gibt es viele Daten. Sehr gern haben. Aber ich würde vermuten, dass die Daten, die für die Massen am nützlichsten sind, wie Informationen über Personen, die sie kontaktieren müssen, oder Ereignisse, an denen sie teilnehmen müssen, in HTML gespeichert werden, wo man sie nicht leicht finden kann. Wen rufst du an? Microformats versucht, diese Aufgabe zu übernehmen!
Nehmen wir das von oben. Was sind Mikroformate? Von der Homepage von microformats.org kommt diese Definition:
Microformats wurden für Menschen und Maschinen entwickelt und sind ein Satz einfacher, offener Datenformate, die auf bestehenden und weit verbreiteten Standards basieren.
Ein guter Anfang, aber wir müssen noch ein bisschen mehr klären. Sie können eine ganze Liste von Definitionen auf der Website finden, aber hier die Zusammenfassung: Mikroformate sind eine Reihe von Standards für das Einbetten von leicht extrahierbaren Daten in Ihre Seiten. Dabei werden Technologien eingesetzt, mit denen Sie heute vertraut sind. Das Tolle daran ist, dass Sie wahrscheinlich Inhalte auf Ihrer Website haben jetzt sofort dass Sie mit einem Mikroformat auszeichnen könnten. Der noch größere Teil ist, dass Sie nach dem Lesen dieses Tutorials nur wenige Minuten benötigen.
Warum sollten Sie also Mikroformate verwenden? Was ist der Anreiz? Wenn Sie überzeugt sind, dass HTML nur deshalb semantisch sein sollte, werden Mikroformate mit Ihnen klicken. Ansonsten werde ich überreden: Wie wir gesehen haben, besteht die Idee der Mikroformate darin, die Daten so zu standardisieren, dass sie auf einer Seite markiert werden, so dass sie leicht extrahiert werden können. Derzeit gibt es nicht viele Werkzeuge, die Mikroformate nutzen, aber ich denke, das wird sich ändern. Durch die Verwendung von Mikroformaten in Ihrer Arbeit bereiten Sie Ihre Websites auf die Zukunft vor, wenn Mikroformate weit verbreitet sind. Auf der Website finden Sie eine allgemeine Liste der Möglichkeiten, die mit Mikroformaten möglich sind. Es gibt bereits ein anständiges Firefox-Addon zum Extrahieren von Mikroformaten. Es heißt Operator.
Dann, Dan Web hat eine einfache JavaScript-Bibliothek mit dem Namen "Sumo" erstellt, die Mikroformate zur Verwendung mit JavaScript extrahiert. Sie können auch das Microformats-Bookmarklet ausprobieren.
Nun, wenn Sie so weit gekommen sind, ist es offensichtlich, dass Sie und Mikroformate für einander bestimmt waren. Also lass uns gleich rein springen. Aber bevor wir dies tun, ist hier die allgemeine Struktur der Mikroformate, die wir betrachten wollen: Im Allgemeinen verwenden Klassen, wenn sie mehr als ein Element in unserem Code enthalten, Klassen. Wenn es sich nur um ein Element handelt, wird normalerweise das rel-Attribut verwendet.
hCalendar ist eine einfache Möglichkeit, Ereignisse zu kennzeichnen. Wir beginnen mit einem Element, das unsere Veranstaltung deklariert:
Wenn Sie mehrere Ereignisse haben, sollten Sie diese in einen div.vcalendar einschließen. es ist jedoch nicht notwendig. Für ein Ereignis gibt es zwei erforderliche Eigenschaften: das Startdatum (dtstart) und die Zusammenfassung. Fügen wir diese hinzu:
Dieses Jahr unser Betriebsfeierabendessen wird an beginnen 2009-12-18T17: 30.
Von Menschen lesbar, nicht wahr? Nicht dieses Datum! Du hast recht; Obwohl Mikroformate zuerst für Menschen geschrieben wurden, sind Daten ein Bereich, in dem es wichtig ist, dass Computer sie lesen können. Die übliche Konvention wäre, das Datum mit einem abbr-Tag zu schreiben. In diesem Fall wäre das title-Attribut der Wert für den Eigenschaftswert:
Freitag, 18. Dezember, 17:30 Uhr.
Es gibt noch weitere optionale Eigenschaften, die Sie hinzufügen können. Wie wäre es mit einer Endzeit oder einem Ort??
Wir treffen uns im Konferenzraum des Tower Hotels, die wir bis reserviert haben 21:30 Uhr.
Mit der Operator Toolbar in Firefox können wir sehen, dass sich dieses Ereignis auf unserer Seite befindet. Wir können auf verschiedene Arten damit arbeiten:
Wenn ich mich für den Export nach Google Kalender entschieden habe, werden die von uns festgelegten Werte perfekt übernommen.
Weitere Informationen zu hCalendar finden Sie in der Dokumentation zu hCalendar,
Gehen wir weiter zur hCard; hCard ist viel komplizierter als hCalendar, aber wir werden nicht auf alle Details eingehen. Wenn Sie später mehr lesen möchten, lesen Sie die Dokumente aus.
Wieder beginnen wir mit unserer Wurzel:
Für hCard gibt es nur zwei erforderliche Eigenschaften. der Name (n) und der formatierte Name (Fn). Normalerweise gibt es dasselbe Element.
John Doe
Ohne zu tief zu gehen, stelle ich fest, dass dieses Format bedeutet, dass 'John' der Vorname und 'Doe' der Nachname sind. Wenn Sie dies angeben möchten, können Sie die Klassen "Vorname" und "Familienname" verwenden:
John Damhirschkuh
Natürlich möchten Sie normalerweise mehr als nur Ihren Namen hinzufügen. Sie können einen Spitznamen, ein Foto, eine E-Mail-Adresse, einen Geburtstag, eine URL, eine Telefonnummer und eine Adresse hinzufügen, um nur einige zu nennen.
JayDee
1. Januar 1980
Meine Webseite123 Hauptstraße
Toronto, Ontario M2W 4R5
Kanada
Hier sind einige Dinge zu beachten:
Mit Operator kann ich diese als vcard exportieren…
… Und öffnen Sie es in Outlook.
Sehen? Alles, was wir definiert haben, ist hier!
xFolk ist ein sich entwickelndes Mikroformat für offene Social Bookmarks. Aus den Dokumenten:
Das Fehlen eines offenen, interoperablen Datenstandards ist ein Hauptproblem bei der Nutzung von Social-Bookmarking-Diensten. Ein offener Standard würde es ermöglichen, Social-Bookmark-Daten einfach zu sammeln und neu zu mischen, um neue Dienste zu entwickeln. Ein offener Standard würde es auch ermöglichen, JavaScripts zu schreiben, die wie bei del.icio.us für mehrere Dienste geeignet sind. Verbesserungen der Benutzeroberfläche.
Um xFolk zu implementieren, geben Sie jedem Bookmark-Wrapper eine Klasse von 'xfolkentry':
Fügen Sie dann den Link und eine Beschreibung ein, und geben Sie ihnen Klassen von 'taggedLink' bzw. 'description'.
Accentsconagua
Nettuts, der beste Webentwicklungsblog der Welt. Ja, einfach; Ich kann mir vorstellen, dass dies für eine Blogrolle oder für eine Webzusammenfassung nützlich ist. Stellen Sie sich ein Werkzeug vor, mit dem Sie alle Links auf einmal bookmarken können.
XFN ist ein einfacher Weg, um menschliche Beziehungen aufzuzeigen. Mit dem rel-Attribut (kurz für eine Beziehung) für Ihre Links definieren Sie Ihre Beziehung zum Eigentümer der Seite, zu der Sie einen Link erstellen. Sie können eine Beziehung zu zwei Parteien haben: zu anderen Personen oder zu Ihnen selbst (also zu Ihren anderen Seiten). Andere Seiten, die Sie besitzen, lassen sich leicht definieren:
Meine Poster Meine Fotos Meine Tweets
Ganz einfach, wie? rel = "ich" und du bist fertig.
Die Beziehungen zu anderen Menschen sind etwas detaillierter, aber nicht schwieriger: Es gibt sechs Kategorien, aus denen Sie wählen können: Freundschaft, körperlich, beruflich, geografisch, familiär, romantisch. Ich werde sie hier nicht alle aufführen (eine gute Idee wäre es, den Link-Ersteller zu versuchen), aber hier sind einige Beispiele:
Im ersten Link können Sie dem rel-Attribut entnehmen, dass ich den Inhaber der Seite, auf die ich verlinkt habe, getroffen habe und dass ich sein Freund bin. Als nächstes kommt meine (hypothetische) Frau, die zufällig mein Ehepartner und mein Schatz ist, sowie jemand, den ich getroffen habe und der mich inspiriert. Ich habe auch den Typen von nebenan getroffen, aber er ist nur ein Bekannter und Nachbar. Schließlich, obwohl mein (wieder hypothetischer) Mitarbeiter ein Freund ist, sei bemerkt, dass ich ihn noch nie getroffen habe; Dies würde als virtuelle Beziehung bezeichnet werden. Ich sollte darauf hinweisen, dass Sie XFN nicht verwenden sollten, wenn Sie nur mit einem Blogbeitrag oder ähnlichem verlinken. Verwenden Sie es, wenn Sie sich direkt auf eine Person beziehen. Der Name ist also der Text des Links, und die Href geht auf ihre Startseite.
VoteLinks ist eine interessante Idee: Wenn Sie einen Link zu einem Artikel, einem Beitrag, einem Produkt oder etwas anderem erstellen, fügen Sie das rev-Attribut hinzu. Rev? Rev ist das Gegenteil von rel; Während rel beschreibt, was die verlinkte Seite mit der aktuellen Seite ist (wie ein "Freund" oder ein "Stylesheet"), beschreibt rev, was die aktuelle Seite mit der verlinkten Seite ist. Mit VoteLinks können Sie Ihre Seite zu einem "vote-for", "vote-against" oder "vote-abstain" machen, was auch immer Sie möchten. Also zum Beispiel:
In unserem tollen Blog-Beitrag von Collis finden Sie den Netsetter
Ich habe gestern Abend im Five Seasons Grill schrecklichen Service bekommen
Was halte ich von der Neugestaltung seiner Website??
Wie ist das sinnvoll? Stellen Sie sich vor, ob Google (und andere Suchmaschinen) VoteLinks bei der Anzeige von Artikeln berücksichtigt haben. Derzeit ist ihr System (ganz im Grunde genommen) je mehr Links, desto mehr Sichtbarkeit bei Google. Aber was wäre, wenn die meisten dieser Links gegen das Produkt oder die Seite stimmen würden? Oder wie wäre es mit einer Website, die im Internet nach VoteLinks sucht und die allgemeine Beliebtheit der Seiten anzeigt? Es ist alles sehr spekulativ, aber es könnte interessant sein. Das Problem ist, dass viele Leute VoteLinks verwenden müssen, um Wirkung zu erzielen.
Geo ist sehr einfach; Es hat zwei Eigenschaften: Breitengrad und Längengrad.
Apfel : (37.33171397409807 -122.03051626682281)
Envato: -37 ° 48 '45.1008 " 144 ° 58 '8.6736 ".
Wie wir bereits gesehen haben, können Sie das Element abbr verwenden, um die tatsächlichen Werte zu maskieren. Und natürlich erkennt der Operator diese.
Wenn Sie jemals etwas veröffentlicht haben, wissen Sie, dass Sie eine Lizenz dafür vergeben müssen. Sie können dem rel-Attribut eines Links den Wert "Lizenz" zuweisen, wenn Sie auf die Lizenzdokumentation verlinken.
cm um 2,0
Was ist der Sinn? Bereits Yahoo Creative Commons Search und Google Usage Right's Search verwenden in ihren Algorithmen das Attribut rel = "license".
Dies ist interessant, da jeder Blogger seine Beiträge markiert. Fügen Sie für dieses Mikroformat einfach rel = "tag" zu Ihren Tag-Links hinzu und fertig. Mithilfe unseres Operator-Add-Ons können wir jetzt Inhalte von anderen Websites mit denselben Tags anzeigen. Es ist wichtig zu wissen, dass der Name des Tags aus der href des Links stammt und nicht aus dem Text des Links. Also im folgenden Beispiel…
Client-Side-Scripting
… Das Tag lautet 'javascript' und nicht 'clientseitige Skripterstellung'.
Nettuts hat dieses Mikroformat implementiert; Aber Sie wussten bereits, dass Sie Operator haben!
Ein weiteres einfaches, aber hoffentlich effektives Tag: Das Hinzufügen von rel = ”nofollow” zu einem Link bewirkt, dass der Link keinen Einfluss auf das Ranking Ihrer Seite in Suchmaschinen hat. Natürlich muss die Suchmaschine dies implementieren, und Google, Yahoo und Bing haben dies bereits. Es wäre ideal, wenn Sie dies zu Links in Blog-Kommentaren hinzufügen, damit diese Ihre Website nicht beeinträchtigen und keine Anerkennung für Ihre eigene Website erhalten.
Wir haben kurz eine gesunde Anzahl von Mikroformaten behandelt. Aber die Frage bleibt: Sind sie Ihre Zeit wert? Erst wenn Sie anfangen, sie zu benutzen! Mikroformate dienen dazu, das Seiten-Scraping für Daten zu vereinfachen, aber bis sie weit verbreitet sind, gibt es nicht viele Werkzeuge für sie. Obwohl viele von ihnen jetzt sinnlos erscheinen, werden sie hoffentlich in ein paar Jahren überall sein. In diesem Fall stehen die Werkzeuge zur Verfügung, mit denen sie verwendet werden können. Microformats sind definitiv Ihre Zeit wert: so einfach, so günstig und potenziell leistungsstark.
Implementieren Sie in Ihren Websites Mikroformate?
Ich habe in diesem Tutorial ein Mikroformat versteckt. Kannst du es finden?
