Klicken Sie hier, um zur Spalte Wulin.com HTML Tutorial zurückzukehren.
Oben: KAPITEL1 LISTE
Originalquelle
Standardisierte Designlösungen -Markup
und Stilhandbuch Teil 1: Gehen Sie mit Markup -Start mit Markup runter Kapitel2 Titel Überblick:Nicht nur alle Webseiten müssen Titel haben, sondern können dem Webdesign und der Benutzerfreundlichkeit viel Farbe hinzufügen, wenn sie korrekt markiert sind.
In Bezug auf das Erscheinungsbild ist der Titel einer Webseite normalerweise eine größere Schriftgröße und kann eine andere Farbe oder Schriftart aus dem Haupttext verwenden. Die Funktion des Titels besteht darin, das in den folgende Kapitel diskutierte Thema kurz zu beschreiben. W3C beschreibt es so - Zeigt die Zusammenfassung jedes Absatzes auf der Webseite an.
Wie erstelle ich einen Seitentitel, um die Informationen zu erstellen, die wir den effektivsten Gebrauch präsentieren möchten? In diesem Kapitel werden wir mehrere häufig verwendete Methoden zum Umgang mit Titeln untersuchen, versuchen, eine der hilfreichsten Möglichkeiten für uns herauszufinden, und dann werden wir einige CSS -Tipps und Tricks verwenden, um die beste Methode zu dekorieren.
Was ist der beste Weg, um einen Dokumenttitel zu erstellen?Nehmen wir vor der Beantwortung dieser Frage an, dass der Titel jetzt ganz oben im Dokument platziert wird, und schauen wir uns drei Möglichkeiten an, um ähnliche Effekte zu erzielen.
Methode A: Ist es sinnvoll?<span class = Heading> Super cooler Seitentitel </span>
Obwohl das <Pan> -Tag in einigen Fällen ein bequemes Tag ist, ist es für Seitentitel nicht viel Sinn. Der einzige Vorteil dieser Methode besteht darin, dass wir einen CSS -Stil für die Überschriftenklasse angeben können, damit der Text wie ein Titel aussieht.
.Überschrift {
Schriftgröße: 24px;
Schriftgewicht: fett;
Farbe: Blau;
}
Jetzt werden alle mit der Überschrift gekennzeichneten Header größer, dicker und blau, was ist großartig, oder? Aber was ist, wenn jemand einen Browser verwendet, der CSS nicht unterstützt, um auf diese Seite zuzugreifen?
Was passiert beispielsweise, wenn wir CSS -Stile in eine externe Stylesheet -Datei einfügen, die nicht vom alten Browser unterstützt wird - oder wenn der Bildschirm die Seite für einen behinderten Benutzer liest? Benutzer, die über diese Kanäle auf diese Seite zugreifen, werden den Unterschied zwischen dem Titel und dem Text nicht (keinen Ton) sehen.
Die Annotationsmethode wie Class = Heading beschreibt leicht die Bedeutung des Tag -Inhalts, aber <span> ist nur ein allgemeiner Container, mit dem die meisten Browser nur den Standard -Anzeigestil ändern können.
Wenn Suchmaschinen diese Seite kriechen, überspringen sie das <span> -Tag so, als wäre es nicht da, und erhöhen das Gewicht für die Keywords, die möglicherweise enthalten sind, nicht. Später werden in diesem Kapitel weitere Beziehungen zwischen Suchmaschinen und Seitentitel erwähnt.
Da das <Pan> -Tag ein Inline-Element ist, müssen wir schließlich den Inhalt der Methode A in einen anderen Block-Ebene-Container wie <p> oder <div> in einen anderen Blockebene einsetzen, damit es eine einzige Zeile belegen kann. Dies generiert viel unnötigen Code. Auch wenn Sie den erforderlichen Container hinzufügen, werden Browser, die CSS nicht unterstützen, den Text auf ihre ursprüngliche Weise angezeigt, sodass Benutzer keinen Unterschied zwischen dem Titel und dem Körper sehen können.
Vorherige Seite1 2 3 4 5 Nächste Seite Lesen Sie den vollständigen Text