Auszeichnungssprache - Liste
|
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
Artikel empfehlen
Einführung in die Verwendung des Select-Optgroup-Tags in HTML
Gelegentlich muss ich ausgewählte Inhalte gruppier...
JS-Operationsobjekt-Array zum Erreichen von Beispielcode zum Hinzufügen, Löschen, Ändern und Abfragen
1. Einleitung Kürzlich habe ich einem Freund geho...
Analyse des Problems der Bereitstellung eines Vue-Projekts und der Konfiguration eines Proxys in Nginx
1. Installieren und starten Sie nginx # Installie...
Detaillierte Schritte zum Aktivieren der SourceGuardian (sg11)-Verschlüsselungskomponente auf virtuellen Linux-Hosts
Hinweis: sg11 Unser Unternehmen unterstützt nur d...
Über die VMware vCenter-Sicherheitslücke beim unbefugten Hochladen beliebiger Dateien (CVE-2021-21972)
Hintergrund CVE-2021-21972 Eine nicht authentifiz...
Reines CSS3 zur Erzielung einer Mouseover-Schaltflächenanimation, Teil 2
Haben Sie nach den letzten beiden Kapiteln ein ne...
Detaillierte Erklärung der Docker-Datenspeichervolumes
Standardmäßig erfolgt das Lesen und Schreiben von...
So verwenden Sie den Befehl sed, um bestimmte Zeilen einer Datei effizient zu löschen
Vorwort Wenn wir bestimmte Zeilen in einer Datei ...
Anweisungen zur Verwendung von MySQL-Indizes (einspaltiger Index und mehrspaltiger Index)
1. Einspaltiger Index Die Auswahl der Spalten, fü...
So wählen und verwenden Sie PNG, JPG und GIF als Web-Bildformate
Welches dieser Formate (GIF, PNG oder JPG) sollte...
Der Implementierungsprozess zum Extrahieren von Oracle-Daten in eine MySQL-Datenbank
Bei der Migration einer Oracle-Datenbank zu einer...
Verwendung und Unterschied von Vue.set() und this.$set()
Wenn wir Vue zur Entwicklung verwenden, kann eine...
MySQL 20-Designprinzipien für Hochleistungsarchitekturen (es lohnt sich, sie zu sammeln)
Designprinzipien für die Open-Source-Datenbankarc...
Beispiel-Tutorial für geplante MySQL-Aufgaben
Vorwort Seit MySQL 5.1.6 wurde eine einzigartige ...
Problem beim Testen des nicht autorisierten Zugriffs auf Zookeeper
Inhaltsverzeichnis Vorwort Erkennen des geöffnete...