HTML-Tutorial: Ungeordnete Liste
|
<br />Originaltext: http://andymao.com/andy/post/102.html Der Absatz wurde abgeschlossen und einige grundlegende Anwendungsmethoden wurden ebenfalls besprochen. Aber wurden sie angewendet? Natürlich können die Anwendungen umfangreicher sein, sodass in der tatsächlichen Arbeit kontinuierliches Erkunden und Nachdenken sowie anschließend Innovation und Zusammenfassung erforderlich sind, um neue Anwendungsformen zu entwickeln. Natürlich können Absätze nicht überall als Allheilmittel verwendet werden, aber ich glaube, jeder weiß, dass die Rolle des Tags „DIV“ erweitert wurde (POPO hatte einmal einen Artikel „<DIV> ist kein Allheilmittel“), und einige Leute haben es zusammen mit CSS verwendet, um das Problem zu diskutieren. Hier müssen wir es noch einmal wiederholen: DIV ist nur ein semantikloser Tag in HTML. Es kann für das Layout oder als semantischer Teil verwendet werden, während CSS eine Stilsprache ist. Wenn der Name nicht stimmt, fließen die Worte nicht. Ich will hier nicht altmodisch sein, aber diese Aussage wird das Verständnis der Menschen für die Standards beeinträchtigen. Die grundlegenden Ebenen nicht zu verstehen und die Funktion von Etiketten ins Unermessliche zu übertreiben, ist nicht die richtige Lerneinstellung. Einer der Gründe, warum ich hier verschiedene Tags und ihre Verwendung ausführlich erkläre, ist, dass ich hoffe, dass jeder die Bedeutung von WEB-Standards richtig verstehen kann. Die korrekte Bezeichnung müsste „xHTML CSS“ oder „WEB-Standard“ oder einfach „Standard“ sein. Heute ist nicht die Zeit, sich zu beschweren. Reden wir über das heutige Thema: „Ungeordnete Liste“ Ich glaube, jeder hat schon einmal Listen verwendet. Sie sind in Word und vielen Dokumenteditoren verfügbar. In HTML gibt es drei Arten von Listen: ungeordnete Listen, geordnete Listen und Definitionslisten. Essen Sie einen Bissen nach dem anderen und erledigen Sie eine Sache nach der anderen. Heute werden wir nur über ungeordnete Listen sprechen, und die Listen, über die wir heute sprechen, beinhalten keine CSS-Verschönerungsarbeiten. An dieser Stelle sollte jeder verstehen, dass meine Erklärungen separat sind und sich nicht hauptsächlich auf die Verschönerung des Stils beziehen. Dies soll Ihnen auch sagen, dass Etikettencodes sehr wichtig sind. Also müssen wir zuerst die Liste verstehen. Unser tägliches Leben und unsere Arbeit sind trivial und unorganisiert, und wenn wir einen effizienten und freundlichen Informationsaustausch erreichen möchten, müssen wir die Informationen sortieren und klassifizieren. Nur so können Informationen wirksam vermittelt werden. Ich denke, eine grundlegende Funktion von Listen besteht darin, mithilfe von Listen einfach ähnliche Inhalte zusammenzufassen. Häufige Verwendungszwecke sind: Buchkataloge, Restaurantmenüs, Personallisten, Aufgabenlisten usw. Bei den meisten dieser Informationen handelt es sich nicht um lange Informationsinhalte, sondern um kurze Titel. Natürlich besteht der Zweck einer Liste nicht nur darin, Titelinformationen zusammenzufassen, und die Liste beschränkt den Umfang des Inhalts nicht. Wir verwenden Listen häufig lediglich dazu, hauptsächlich Titelinformationen zusammenzufassen. Wie verstehen wir also ungeordnete Listen? Das Äquivalent der Unordnung ist Ordnung, was leicht wörtlich zu verstehen ist. Ordnung bedeutet, dass sie selbst die Reihenfolge der Sequenz angibt, die streng ist, und diese Information selbst hat einen sequentiellen Charakter. Wenn wir beispielsweise die Operationsschritte aufschreiben, müssen wir den ersten und den zweiten Schritt klar angeben. Solche Informationen müssen in der richtigen Reihenfolge sein, aber was ist mit der Unordnung? Das heißt, es ist ungeordnet und weist überhaupt keine Ordnung auf. Hier möchte ich ein Beispiel anführen, über das jeder nachdenken sollte: Die Reihenfolge der Liste der Leiter von Regierungsabteilungen bereitet ihnen die größten Kopfschmerzen. Obwohl sie manchmal schreiben, dass die Rangfolge nicht in einer bestimmten Reihenfolge erfolgt, gibt es tatsächlich eine Rangfolge. Daher möchte ich hier eine Frage stellen: Sollte eine solche Liste eine geordnete oder eine ungeordnete Liste sein? Natürlich gibt es auf diese Frage keine Standardantwort. Jeder hat seine eigene Denkweise. Was denken Sie also? Hinterlassen Sie Ihre Gedanken gerne in den Kommentaren. Ich werde Ihnen hier nicht sagen, was ich denke. Ich hoffe, Sie können Ihren Verstand nutzen und mehr nachdenken. Die Listen-Tags sind: <ul> <li>Dies ist der Inhalt der Liste</li> <li>Dies ist der Inhalt der Liste</li> <li>Dies ist der Inhalt der Liste</li> <li>Dies ist der Inhalt der Liste</li> </ul> Hier sollten wir beachten, dass die Liste aus zwei Teilen besteht, einer ist das äußerste Tag <ul></ul> und der andere ist der Inhalt innerhalb von <li></li>. Wir können es so verstehen: <li></li> sind standardisierte kleine Boxen, die hauptsächlich Listeninformationen speichern, während <ul></ul> eine große Box ist und ihre Funktion darin besteht, kleine Boxen zu speichern. Nur wenn diese kleinen Kartons in einem großen Karton untergebracht werden, gehen sie auch nicht verloren. Sauber und einfach zu transportieren (umpflanzen) und zu lagern (Positionieren). Listen können genau wie Absätze viele Attribute haben. Beispielsweise können wir eine ID, Klasse, einen Titel usw. für <ul></ul> festlegen, und ihre Eigenschaften und Funktionen sind dieselben wie in Absätzen. <li></li> können ebenfalls diese Attribute haben, aber im Allgemeinen werden Listen desselben Typs nicht speziell behandelt. Damit ist die ungeordnete Liste im Wesentlichen abgedeckt. Tatsächlich ist der wichtigste Inhalt dieses Artikels, welche Art von Informationen in einer ungeordneten Liste verwendet werden sollten, und diese erfordern bei der praktischen Anwendung mehr Analyse und Überlegung. Für diejenigen, die bisher keine Listen-Tags verwendet haben: Beginnen Sie mit der Verwendung von Listen-Tags und verzichten Sie auf die Verwendung von DIV anstelle von Listen-Tags. Oder Freunde, die Tabellen zur Darstellung von Listen verwenden, können ebenfalls versuchen, dies zu ändern. Verwenden Sie von nun an das Tag „ungeordnete Liste“. Wenn Sie es bereits verwendet haben und festgestellt haben, dass es Sie immer noch nicht zufriedenstellt, warten Sie natürlich auf die spätere Erklärung, wie Sie Stile verwenden können, um das Potenzial der Liste zu entfalten. Obwohl das, worüber ich heute gesprochen habe, relativ einfach ist, hoffe ich dennoch, dass Freunde, die diesen Artikel lesen, über die oben aufgeworfenen Fragen nachdenken können. |
>>: Installieren des Ping-Tools in einem von Docker erstellten Container
Artikel empfehlen
So drucken Sie hervorgehobenen Code in der Node.JS-Konsole
Vorwort Wenn der Code ausgeführt wird und ein Feh...
So verwenden Sie Xtrabackup zum Sichern und Wiederherstellen von MySQL
Inhaltsverzeichnis 1. Sicherung 1.1 Vollständig v...
Detaillierter Prozess zur Installation von Presto und zum Verbinden von Hive in Docker
1. Einleitung Presto ist eine Open-Source-SQL-Abf...
Axios-Projekt mit 77,9 K GitHub-Repository: Welche Dinge sind es wert, gelernt zu werden?
Inhaltsverzeichnis Vorwort 1. Einführung in Axios...
js, um einen Boden-Scrolling-Effekt zu erzielen
In diesem Artikel wird jQuery verwendet, um den E...
Bringen Sie Ihnen bei, wie Sie elegant eine vertikale Zentrierung erreichen (empfohlen)
Vorwort Es gibt viele Möglichkeiten, in CSS horiz...
Detaillierte Erläuterung der häufig verwendeten Funktionen copy_from_user open read write in der Linux-Treiberentwicklung
Inhaltsverzeichnis Gemeinsame Funktionen von Linu...
Lösen Sie das Problem, dass das Vue-Projekt beim lokalen Start keine Cookies übertragen kann
Lösen Sie das Problem, dass das Vue-Projekt zwar ...
Beispiele für die Verwendung von Docker und Docker-Compose
Docker ist eine Open-Source-Container-Engine, mit...
Linux-Installation, MongoDB-Start und Lösung allgemeiner Probleme
MongoDB-Installationsprozess und Problemaufzeichn...
Was sind die Unterschiede zwischen var let const in JavaScript
Inhaltsverzeichnis 1. Wiederholte Erklärung 1,1 v...
MySQL-Indexprinzip und Analyse von Anwendungsbeispielen
Dieser Artikel veranschaulicht anhand von Beispie...
translate(-50%,-50%) in CSS erzielt horizontalen und vertikalen Zentrierungseffekt
translate(-50%,-50%)-Attribute: Verschieben Sie e...
Bei MySQL-Zeichentypen wird die Groß-/Kleinschreibung beachtet.
Standardmäßig sind MySQL-Zeichentypen nicht case-...
Drei Möglichkeiten zum Konfigurieren einer JNDI-Datenquelle in Tomcat
In meiner früheren Arbeit war der Entwicklungsser...