Wie ein HTML-Dokument Struktur, die eine Webseite auf dem Raspberry Pi zu machen
Um eine Webseite auf dem Raspberry Pi zu machen, müssen Sie korrekt das HTML-Dokument zu strukturieren. Ein Code-Snippet ist ein guter Weg, um zu sehen, wie HTML-Tags funktionieren und wie Sie Ihren Browser interpretiert sie, aber man braucht viel mehr Informationen und Markup enthalten, bevor Sie eine wirklich gültige Webseite erstellen können.
Ein HTML-Dokument besteht aus zwei Teilen: den Header (zwischen den Tags), und den Körper (zwischen den Tags). Der Header ist vor allem für Informationen über die Web-Seite verwendet, während der Körper den eigentlichen Inhalt der Seite enthält.
Schlagwörter alle arbeiten in der gleichen Art und Weise, mit einem Tag-Öffnung und einem weiteren Schließen. Wie Sie sehen können, ist es in Ordnung, einige Tags in einigen anderen Tags zu haben. In diesem Dokument sind alle anderen Tags mit Ausnahme der ersten sind innerhalb der Öffnungs- und Schließ Tags.
Sie brauchen nicht alle diese neuen Tags, das für Sie glücklich, zu merken, weil hier ein Framework ist, dass Sie wiederverwenden können und leicht für jeden neuen Web-Seite ändern Sie erstellen. Sie müssen nur zwei Bits für jede Web-Seite zu ändern, die Sie erstellen:
und : Zwischen diesen Tags ist der Titel der Seite, die am oberen Rand des Browser als Lesezeichen, Suchmaschinen-Ergebnisse, und in der Titelleiste angezeigt wird (oder der Seite des Registerkarte, wenn Sie Registerkarten verwenden), wenn Sie die Seite gerade besuchen.
und : Zwischen diesen Tags ist, wo Sie alle Ihre Web-Seite Inhalte setzen, so dass dieser Abschnitt sehr lang zu sein scheint, wenn Sie mit einer echten Webseite arbeiten. In diesem Beispiel kann man sehen, dass die HTML-Snippet zwischen den Body-Tags ist.
Für diejenigen, die es alle, hier ist eine Aufschlüsselung der Rest des Dokuments verstehen wollen:
: Dies teilt der Browser, der HTML-Version Sie verwenden. Sie können das sehen DOCTYPE für HTML5, die einfach das Wort html. Ältere Versionen von HTML hatten lange und komplizierte Dokumenttypen, und Sie werden über diese von Zeit zu Zeit noch kommen.
und : Diese Tags werden verwendet, um den Beginn und das Ende des HTML-Dokuments zu markieren. Der Starttag gibt auch die Sprache des Dokuments, in diesem Fall Englisch.
und : Diese Tags markieren den Beginn und das Ende des Headers. Das einzige, was in unserem Header ist der Titel der Seite, aber wie Sie mehr über HTML lernen, werden Sie mehr Tags stoßen, die hier gehören.
: Dieses Tag definiert den Zeichensatz, die im Dokument verwendet wird, so dass die Menschen Sprachen mit verschiedenen Alphabeten verwenden kann sagen, welches verwendet werden soll. Für dieses Projekt gibt es einen Zeichensatz genannt utf-8. Sie können feststellen, es gibt einen Schrägstrich in der schließenden Klammer an diesem Tag. Das ist, weil der Tag nicht alles umgeben, so dass es keinen separaten Schluss-Tag haben.
In einer früheren Version von HTML namens XHTML, hatte jeder Tag geschlossen werden, so dass, wenn kein separater Schluss-Tag war, wurde ein Schrägstrich in der schließenden Klammer des Tags setzen statt. Viele Menschen immer noch dieses bewährte Verfahren zu prüfen, aber es ist optional.
Sie können Leerzeichen verwenden, um die Linien im Inneren des Kopfes und des Körpers und Leerzeilen um diesen beiden Abschnitten einrücken, so dass Sie leichter erkennen können, wo der Kopf und der Körper Anfang und das Ende. Die Leute machen oft dies: Es ist die HTML einfacher macht zu lesen und zu bearbeiten. HTML ignoriert Leerzeichen, so dass es nicht egal, wie viel Sie verwenden, oder wo Sie es ausdrückte.
Es spielt keine Rolle, ob technisch Ihre Tags in Groß- oder Kleinschreibung sind, aber es sieht aufgeräumter, wenn es im Einklang ist und Konvention diktiert Klein für alle Tags mit Ausnahme der DOCTYPE.
Wenn Sie diese Seite in Ihrem Browser öffnen, sieht es genauso aus wie unsere vorherigen Code-Snippets im Browser hat, mit der Ausnahme, dass Sie an der Spitze des Browsers einen Titel in der Bar sehen werden, und es ist jetzt eine gültige Webseite. Sie können dies im Internet zu veröffentlichen, wenn man wollte, und es wäre perfekt funktionieren.
Weil es genau das gleiche sieht, könnte man sich fragen, warum Sie mit all den anderen Tags müssen zu stören, dann. Die Antwort ist, dass die meisten Browser recht nachsichtig und werden versuchen, Ihre Fehler und Versäumnisse zu umgehen, aber man kann nicht darauf verlassen.
Sie wissen nicht, welchen Browser ein Besucher Ihrer Website zu sehen verwenden könnten, so müssen Sie alle die richtige Markup zur Verfügung zu stellen, auch wenn eine Seite auch auf dem Raspberry Pi arbeitet. Andere Browser oder Geräte möglicherweise nicht mit einem ungültigen HTML-Dokument sowie Midori kann bewältigen können.