Standardisierte Designlösungen – Auszeichnungssprachen und Stilhandbücher Lösungen für Webstandards Das Markup- und Style-Handbuch Teil 1: Machen Sie sich mit dem Markup vertraut Kapitel 1 Listen <br />Listen sind auf fast jeder Seite im Web zu finden. Listen mit Hyperlinks, Listen mit Artikeln in einem Einkaufswagen, Listen mit Ihren Lieblingsfilmen ... sogar Navigationslisten für ganze Websites. Manchen mag die Erstellung von Listen willkürlich erscheinen, aber wir werden uns damit befassen, wie man Listen erstellt, und uns auf die Vor- und Nachteile einiger gängiger Methoden konzentrieren. Später werden wir einige Beispiele auflisten, wie man gewöhnliche Listen aufpeppen kann, und ihre Vor- und Nachteile erläutern. Gehen wir einkaufen <br />Ursprünglich wollte ich als Beispiel für dieses Kapitel eine Wäscheliste verwenden, aber mir wurde schnell klar, dass ich keine Ahnung hatte, welche Gegenstände ich auf so eine Liste schreiben sollte, also ... nehmen wir als Beispiel Lebensmittel! Stellen wir uns vor, Sie müssen eine Lebensmittelliste auf Ihre eigene Website stellen. Sie fragen sich vielleicht, warum Sie eine Lebensmittelliste auf Ihre Website stellen sollten. Nun, das ist vielleicht nicht das Thema. Wir brauchen nur einen Grund, um über die Liste nachzudenken ... Nehmen wir an, dass unsere Liste auf der Seite wie … also wie eine Liste aussehen soll, also wie eine lange vertikale Liste, bei der jedes Element in einer eigenen Zeile steht: Äpfel Spaghetti Grüne Bohnen Milch Scheint ziemlich einfach, nicht wahr? Wie bei vielen Aspekten des Webdesigns und der Webentwicklung gibt es viele verschiedene Möglichkeiten, dieselben (oder ähnliche) Ergebnisse zu erzielen. Wie bei allen Beispielen in diesem Buch werde ich sie aus der Perspektive der eXtensilble HyperText Markup Language (XHTML) vorstellen – und sicherstellen, dass die von mir gewählten Methoden die richtige Markup-Syntax verwenden und den vom World Wild Web Consortium (W3C) festgelegten Standards entsprechen. Wir können nach jedem Element ganz einfach ein <br />-Tag hinzufügen oder verschiedene Checklistenelement-Tags verwenden, um diese Aufgabe zu erledigen. Sehen wir uns nun drei völlig unterschiedliche Methoden und die Merkmale jeder Methode an. Vorherige Seite 1 2 3 4 5 6 7 8 Nächste Seite Gesamten Artikel lesen |
<<: So installieren und speichern Sie die PostgreSQL-Datenbank in Docker
>>: Definition und Verwendung des MySQL-Cursors
Inhaltsverzeichnis Was ist ein Ereignis Ein einfa...
Wenn Komponenten detaillierter werden, treten Sit...
<p><b>Dies ist eine fette Schriftart&l...
Das Internet ist ein Organismus, der sich ständig...
Ein sehr häufiges Szenario in react -Projekten: c...
1. Oracle ist eine große Datenbank, während MySQL...
1. Was ist Docker Swarm? Docker Swarm ist ein off...
Inhaltsverzeichnis 1. Seiten-Rendering 2. Tags hi...
Inhaltsverzeichnis Einführung in den NFS-Dienst W...
Inhaltsverzeichnis 1. Einleitung 1.1 Grundsatz 1....
Inhaltsverzeichnis Manuelle Sicherung Timer-Siche...
Normalerweise müssen wir uns bei der Projektentwic...
1. Laden Sie das Zip-Installationspaket herunter ...
1. Caches - Abfrage-Cache Die folgende Abbildung ...
1. Vorhandene Module anzeigen /usr/local/nginx/sb...