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
Cache von JS- und CSS-Dateien in HTML-Seiten automatisch leeren (Versionsnummern automatisch hinzufügen)
Bei der Entwicklung von Webprojekten verweisen wi...
Vier Lösungen für die Verwendung von setTimeout in JS for-Schleifen
Inhaltsverzeichnis Überblick Lösung 1: Verschlüss...
CSS-Implementierungscode für mehrstufige Menüs
Dies ist eine ziemlich coole Funktion, die Websei...
CSS3-Lösung für das Problem des Einfrierens auf Mobilgeräten (Optimierung der Animationsleistung)
1. Verwenden Sie CSS, jQuery und Canvas, um Anima...
Detaillierte Installationsanleitung für das Cloud-Server-Pagoda-Panel
Inhaltsverzeichnis 0x01. Installieren Sie das Pag...
Javascript zum Umschalten durch Klicken auf das Bild
Durch Klicken Bilder zu wechseln, ist im Leben ei...
Detaillierte Analyse von MySQL-Deadlock-Problemen
Vorwort Wenn sich unser Geschäft in einem sehr fr...
So vermeiden Sie Zeichenverfälschungen beim Importieren externer Dateien (js/vbs/css)
Auf der Seite werden externe Dateien wie JS, CSS u...
So beheben Sie den Fehler "ERROR 1045 (28000)" beim Anmelden bei MySQL
Heute habe ich mich beim Server angemeldet und mi...
Eine Zusammenfassung der Wissenspunkte zur Datenbankindizierung. Alles, was Sie wissen müssen, finden Sie hier.
Ich glaube, jeder ist mit Datenbankindizes vertra...
JavaScript Canvas implementiert Tic-Tac-Toe-Spiel
In diesem Artikel wird der spezifische Code von J...
MySQL 8.0.21.0 Community Edition Installations-Tutorial (ausführliche Abbildungen)
1. MySQL herunterladen Melden Sie sich auf der of...
Verwendung des Linux-Befehls xargs
1. Funktion: xargs kann die durch Leerzeichen ode...
Der Effekt eines dynamischen CSS-Farbverlaufsrahmens, der um den Inhaltsbereich rotiert (Beispielcode)
Rendern Nachdem ich online nach relevanten Inform...
Der Nginx-Reverseproxy leitet Anfragen von Port 80 an 8080 weiter.
Lassen Sie uns zunächst eine Reihe von Konzepten ...