Einführung in die Verwendung gängiger XHTML-Tags
|
Es gibt viele Tags in XHTML, aber nur wenige werden häufig verwendet und Sie müssen nur diese wenigen beherrschen. Lassen Sie uns sie einzeln auflisten: div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em Es gibt viele Tags in XHTML, aber nur wenige werden häufig verwendet und Sie müssen nur diese wenigen beherrschen. Lassen Sie uns sie einzeln auflisten: div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em Im Laufe der Zeit habe ich festgestellt, dass viele Leute nicht wissen, wie man XHTML verwendet. Das sind nicht nur normale Anfänger, sondern auch einige Programmierer, die nicht wissen, wie man XHTML schreibt. Hier möchte ich einige häufige Anwendungsprobleme zusammenfassen, die es jedem ermöglichen können, ein stillschweigendes Verständnis bei der Kommunikation und Zusammenarbeit zu erreichen. In meiner Vorstellung stelle ich es mir immer wie eine Flasche oder eine Schachtel vor und finde es ziemlich hart. Dieses Div hat keine besondere Bedeutung und kann an vielen Stellen verwendet werden, was bedeutet, dass es unterschiedliche Dinge enthalten kann. Die korrekte Schreibweise ist, dass <div></div> einen schließenden Teil haben muss. Jeder verwendet es für Layoutzwecke, und manche Leute verwenden es, um Artikel zu speichern und Absätze zu bilden. Tatsächlich ist dieser Ansatz nicht sehr gut, da es natürlich ein bestimmtes Tag gibt, das als Absatz des Artikels verwendet werden kann. Das ist das <p></p>-Tag, über das wir weiter unten sprechen werden, aber verwenden Sie DIV, um alle Absätze als Ganzes zu umschließen. Das ist sehr praktisch. p Dies ist ein Tag mit spezifischer Semantik, der einen Absatz kennzeichnet und zur Unterscheidung von Absätzen verwendet wird. In den meisten Browsern hat P grundsätzlich einen oberen und unteren Rand. Es gibt jedoch keine Zeileneinzüge, da Zeileneinzüge lediglich eine Möglichkeit sind, Absätze zu kennzeichnen, jedoch weder notwendig noch erforderlich sind. Wenn Sie das P-Tag verwenden, können Sie daher bei Bedarf den Zeileneinzug für P festlegen. Ich empfehle, P nicht außerhalb des Artikels zu verwenden, da P eine bestimmte Semantik hat und an anderer Stelle möglicherweise nicht angemessen ist. Die korrekte Schreibweise lautet <p></p> span ist auch ein sehr häufig verwendetes Tag. Man kann sagen, dass dieses Tag div sehr ähnlich ist und keine spezifische Bedeutung hat, aber es ist ein kaskadierendes Element, kein Element auf Blockebene. Ich stelle es mir immer wie eine Tasche vor. Im Gegensatz zu einer Schachtel hat es keine eigene Breite und Höhe. Seine Breite und Höhe können nur durch die Menge des Inhalts bestimmt werden, es ist also sehr ähnlich einer Tasche. Dieses Tag ist genau komplementär zu div. ul,li Dies ist eine Liste. In der Liste gibt es neben UL auch OL, aber ich denke, OL ist ein bisschen nutzlos. Denn UL kann durch die CSS-Definition den gleichen numerischen Sortiereffekt erzielen wie OL. Daher empfehle ich grundsätzlich nicht die Verwendung von OL, UL reicht aus. UL ist auf Blockebene und sein untergeordnetes Element li ist ebenfalls ein Tag auf Blockebene. Die korrekte Schreibweise ist <ul><li></li>< /ul>. Der LI-Tag wird vom UL-Tag umschlossen. Im UL-Tag können unzählige LI-Tags enthalten sein. Der LI-Tag kann nicht unabhängig verwendet werden. Und das LI-Tag muss versiegelt werden, was nicht nur eine Frage der Ästhetik ist, sondern auch für eine spätere Wartung von Vorteil ist. Viele Programmierer möchten diese LI nicht versiegeln. Der Zweck der UL-Liste besteht hauptsächlich darin, eindimensionale Daten desselben Typs aufzulisten. Konkrete Beispiele hierfür sind die Verwendung in Menüs, das Auflisten einiger Regeln in Artikeln usw. In der Liste gibt es ein Sonderformular, das sich von UL unterscheidet. Das ist der folgende DL dl,dt,dd Dies ist eine ganz besondere Kombination aus drei Bezeichnungen. Dabei steht DT für den Titel und DD für den Inhalt. DL ist der Container, der sie enthält. Die korrekte Schreibweise ist <dl><dt> </dt><dd></dd></dl>. DL kann viele Gruppen von DT und DD enthalten. Wenn viele Gruppen vorhanden sind, versuchen Sie, ein DT mit einem DD abzugleichen. Wenn DD viel Inhalt enthält, können Sie zur Verwendung ein P-Tag in DD hinzufügen. Die DL-Liste ist ein sehr gutes Listenformat und kann öfter verwendet werden. a Dies stellt einen Link dar, der ein spezielles Attribut und zugleich das magischste Tag auf der Webseite ist. Weil es unzählige Webseiten miteinander verbindet. Die korrekte Schreibweise lautet: <a href="" title=""></a>, wobei href die Zieladresse angibt und TITLE der Eingabetext ist, wenn der Mauszeiger darüber bewegt wird (optional). Allerdings müssen die Vorteile den Nachteil überwiegen. img Dies ist ein Bild-Tag und auch ein Tag mit bestimmten Attributen. Die normale Schreibweise ist: <img src="" alt="" title=""/> Dabei ist src die Zieladresse, ALT und TITLE sind Ersetzungstexte, ALT ist IE-spezifisch und TITLE ist universell für andere Browser. Denken Sie jedoch daran, dass der Backslash am Ende ein Muss ist. H Dies ist eine Reihe von Etiketten, von H1 bis H6, insgesamt sechs. Manche Leute sagen, das sind zu wenige, manche sagen, das ist genau richtig, und manche sagen, so viele seien nicht nötig. Ich denke jedenfalls, dass es ungefähr das Gleiche ist. Die korrekte Schreibweise lautet: <h> </h>. Es wird hauptsächlich zum Speichern von Titeln verwendet, und einige Freunde verwenden es für andere Zwecke. Persönlich denke ich, dass es besser ist, dieses Tag so zu lassen und es nur als Titel zu verwenden. Am besten ist es, wenn es zwischen diesen sechs Bezeichnungen keine gegenseitige Einbeziehung gibt. Das Wort „stark“ bedeutet „betonen“, was eine Semantik hat und dessen Funktion sehr einfach ist. Ob Sie bei der Beispielarbeit durch Fettdruck oder durch Verwendung von Farbe Akzente setzen, bleibt Ihnen überlassen. Die korrekte Schreibweise ist <strong></strong> „em“ ist „strong“ sehr ähnlich und wird verwendet, um Betonung auszudrücken. Die Standardeinstellung in den meisten Browsern ist Kursivschrift. Die Verwendung ist gleich stark. Die Schreibmethode ist: Auf die Form wird hier nicht näher eingegangen, da sich die Form grundsätzlich nicht geändert hat und es nichts besonderes zu sagen gibt. |
>>: So implementieren Sie die zentrierte Ausrichtung einer CSS-Maske im Vollbildmodus
Artikel empfehlen
So mounten Sie eine Festplatte in Linux
Wenn Sie eine virtuelle Maschine verwenden, stell...
Reagieren Sie auf die Verarbeitung von Fehlergrenzkomponenten
Dies ist der Inhalt von React 16. Es ist nicht di...
Detaillierte Erklärung, wie Tomcat asynchrone Servlets implementiert
Vorwort Durch meine vorherige Tomcat-Artikelserie...
Tipps zum Erstellen von Web-Tabellenrahmen
<br />Tipps zum Erstellen von Web-Tabellenra...
So stellen Sie versehentlich von rm gelöschte Dateien in einer Linux-Umgebung wieder her
Inhaltsverzeichnis Vorwort Gibt es nach RM noch H...
JavaScript zum Erzielen eines Zeitlupenanimationseffekts
In diesem Artikel wird der spezifische Code für J...
HTML-Tutorial, HTML-Standardstil
html , Adresse , Blockzitat , Text , dd , div , d...
Detaillierte Erläuterung mehrerer Methoden zur Deduplizierung im Javascript-Array
Inhaltsverzeichnis Array-Deduplizierung 1 Doppels...
Lösung für das Problem, dass die InnoDB-Engine beim Starten von MySQL deaktiviert wird
Finden Sie das Problem Als ich heute bei der Arbe...
Drei gängige Methoden, um HTML-Seiten nach 3 Sekunden automatisch zu springen
In der Praxis stoßen wir häufig auf ein Problem: ...
Detaillierte Erklärung, wie Node.js mit ES6-Modulen umgeht
Inhaltsverzeichnis 1. Unterschiede zwischen den b...
vue.js lädt Bilder entsprechend der Bild-URL herunter
Als ich kürzlich an einem Frontend-Docking-Funkti...
Detaillierte Erklärung zum Erstellen einer MySQL-Master-Slave-Umgebung mit Docker
Vorwort Dieser Artikel beschreibt, wie ich Docker...
MySQL-Methode zum Generieren von Zufallszahlen, Zeichenfolgen, Daten, Bestätigungscodes und UUIDs
Inhaltsverzeichnis Zufallszahlen generieren Gener...
Verwenden Sie CSS, um ein dreispaltiges adaptives Layout zu erreichen (feste Breite auf beiden Seiten, adaptiv in der Mitte)
Das sogenannte dreispaltige adaptive Layout bedeu...