Bauen Sie ein Responsive, Handy-freundliche Website von Grund auf neu Semantic HTML - Sitepoint
Erster Schritt: HTML-Code
Als nächstes müssen wir den Abschnitt hinzufügen, die notwendig ist, den Web-Browser, um den Inhalt des folgenden Körperabschnitt zu interpretieren. Dieser Abschnitt enthält bestimmte Tags, CSS-Stylesheets und andere Elemente, die verborgen bleiben und nicht im Browser angezeigt. Diese Elemente werden in der Regel von Meta-Informationen (im Grunde „Informationen über Informationen“) genannt, weil ihre Funktion zu beschreiben, welche Art von Informationen auf der Seite ist.
Der erste Meta-Tag, das eine Spezifikation braucht, ist „meta charset“; es legt fest, welche Zeichencodierung in der Seite verwendet wird. In unserem Fall haben wir es auf UTF-8, die eine variable Breite Unicode-Format kompatibel mit ASCII oder Klartext für die Grundalphanumerischen Zeichen bestehen. Durch die Verwendung der „obere Hälfte“ der 8-Bit-ASCII-Zeichensatz und Erweiterungscodes, kann es mehr als eine Million eindeutige Zeichen verarbeiten.
Es ist eine Anforderung, dass jede Web-Seite der Formatierung der Seite definiert innerhalb es Header Informationen sind so, dass alle Browser genau wissen, wie die Inhalte zu lesen und zu interpretieren. Sonst werden sie die Charaktere zeigen ihre „best guess“ verwendet, die nicht immer korrekt ist. Die Vermutung könnte falsch sein, und dies die falschen Zeichen zu zeigen, für die Nutzer führt.
...Wir verknüpfen das Dokument mit dem gemeinsamen Sheet (das heißt, das Dokument, das alle gängigen CSS-Regeln enthält, die von den drei Versionen des Projekts geteilt wird), während diese, ...
...erinnert sich an die Datei, in der die Spezifikationen der besonderen Regeln gibt, die nur angedeutet auf die jeweilige Gerät angewendet wird. Bitte beachten Sie, dass da wir HTML5 verwenden, Sie eigentlich gar nicht Typen angeben müssen = „text / css“.
Schließen Sie den Kopf Tag und fahren Sie mit dem Körperabschnitt. An diesem Punkt müssen wir zwei separate divs erstellen: einen für die Fahne. und ein für die Newsletter-Box.
Lassen Sie sich unser Projekt weiterhin durch eine Newsletter Opt-In Form zu bauen. vor allem, fügen Sie ein Formular mit