Standardisierte Designlösungen - Markup -Sprache und Stilhandbuch
Webstandards Lösungen Das Markup- und Stilhandbuch
Teil 1: Gehen Sie mit Markup -Start mit Markup runter
Kapitel 1 Liste
Listen finden Sie auf fast jeder Seite im Web. Hyperlink -Listen; Einkaufswagenartikel Listen; Filme, die Sie mögen ... und sogar Navigationslisten für die gesamte Website. Einige scheinen einigen, dass Listen nach Belieben erstellt werden, aber wir werden genau das Erstellen von Listen und die Vor- und Nachteile mehrerer gängiger Methoden erstellen. Später werden wir einige Beispiele für die Verschönerung einer regulären List -Episode auflisten.
Lass uns einkaufen gehen
Anfangs hatte ich vor, eine detaillierte Liste (Wäscheliste) als Beispiel für dieses Kapitel zu verwenden, aber bald wurde mir klar, dass ich keine Ahnung hatte, welche Details in diese Liste enthalten sein sollten, also ... Aus Gründen des Beispiels verwenden wir Food als Beispiel!
Stellen wir uns vor, Sie müssen eine Lebensmittelliste auf Ihre eigene Website setzen. Möglicherweise sind Sie verwirrt darüber, warum Sie eine Lebensmittelliste auf die Website setzen möchten. Dies kann zum Thema sein. Wir brauchen nur einen Grund, über die Liste nachzudenken ...
Nehmen wir auf der Seite an, wir möchten, dass die Liste so aussieht ... nun, sie sieht aus wie eine Liste - dh eine lange Liste von vertikalen Listen, wobei jedes Element ausschließlich eine Zeile einnimmt:
Äpfel
Spaghetti
Grüne Bohnen
Milch
Es sieht sehr einfach aus, nicht wahr? Ähnlich wie bei vielen Aspekten des Seitendesigns und der Entwicklung können wir durch viele verschiedene Methoden den gleichen (oder ähnlichen) Effekt erzielen. Wie bei allen Beispielen später in diesem Buch werde ich alle Beispiele mit dem Standpunkt der extensible Hypertext -Markup -Sprache (XHTML) vorstellen und sicherstellen, dass die ausgewählte Methode die richtige Markup -Syntax verwendet, die den verschiedenen Standards nach dem World Wild Web Consortium (W3C) festgelegt hat.
Wir können jedem Projekt problemlos ein <br /> Tag hinzufügen und es erledigen, oder wir können verschiedene Listenprojekt -Tags verwenden, um diese Arbeiten zu erledigen. Schauen wir uns nun 3 völlig unterschiedliche Methoden und die Eigenschaften jeder Methode an.