Seit einiger Zeit stellte ich fest, dass viele Menschen nicht wissen, wie sie XHTML verwenden sollen. Nicht nur gewöhnliche Anfänger, sondern einige Programmierer sind nicht sehr klar, wie er XHTML schreiben soll. Hier werde ich einige häufige Anwendungsprobleme zusammenfassen, mit denen jeder ein stillschweigendes Verständnis für Kommunikation und Zusammenarbeit bilden kann.
Es gibt viele Tags in XHTML, aber es werden oft nur wenige verwendet, und Sie müssen diese nur beherrschen. Listen wir sie einzeln auf: Div, P, Span, UL, Li, DL, DT, DD, A, IMG, H, Strong, EM
Div in meinem Kopf, ich betrachte es immer als Flasche oder Schachtel, und ich fühle, dass es ziemlich schwer ist. Dieses DIV hat keine charakteristische Bedeutung und kann an vielen Stellen verwendet werden, was bedeutet, dass sie verschiedene Dinge installieren kann. Seine korrekte Art zu schreiben ist, dass es ein Siegel geben muss. Jeder verwendet es für Layout und auch für die Speicherung von Artikeln, um Absätze zu bilden. Tatsächlich ist dieser Ansatz nicht sehr gut, da es als Segment eines Artikels natürlich ein bestimmtes Etikett verwendet gibt. Das ist das <p> </p> -Tag, das unten diskutiert werden soll, aber DIV wird verwendet, um alle Absätze als Ganzes abzudecken. Das ist sehr praktisch.
P Dies ist ein Tag mit spezifischen Semantik, die Absätze darstellt und zur Unterscheidung von Absätzen verwendet wird. In den meisten Browsern gibt es im Grunde genommen einen Auf- und Abstand für P., aber es gibt keine Einrückleitungs-Kopf-Einrückung, da die Einrückung von Linienkopf nur eine Möglichkeit ist, Absätze darzustellen, aber nicht unbedingt oder notwendig ist. Bei Verwendung von P -Tags können Sie die Zeileneinspannung für P einstellen. Ich empfehle daher, P außerhalb des Artikels nicht zu verwenden, da P über eine bestimmte Semantik verfügt und dies möglicherweise nicht angemessen ist, wenn sie an anderen Stellen verwendet werden. Die richtige Art zum Schreiben ist <p> </p>
Spannweite Dies ist auch ein sehr häufig verwendetes Tag. Es kann bezeichnet werden, dass dieses Tag Div sehr ähnlich ist und keine spezifische Bedeutung hat. Es ist nur so, dass es sich um ein Kaskadenelement handelt, kein Element auf Blockebene. Ich habe es immer als Tasche angesehen. Es hat keine eigene Breite und Höhe wie eine Box. Seine Breite und Höhe können nur von der Menge des Inhalts abhängen, daher ist sie einer Tasche sehr ähnlich. Dieses Tag ist genau ergänzt zum Div.
ul, li das ist eine Liste. In der Liste gibt es zusätzlich zu ULS OLS, aber ich denke, OL ist ein bisschen nutzlos. Weil UL auch den OL -Zahlensortierungseffekt durch CSS -Definition haben kann. Ich empfehle also im Allgemeinen nicht, OL zu verwenden, sondern nur UL. UL ist Blockebene und sein Kind li ist auch Block-Ebene-Tag. Die richtige Art, es zu schreiben, ist <ul> <li> </li> </ul> Das Li -Tag wird vom UL -Tag verpackt. Es kann unzählige Li -Tags im UL -Tag geben, und das Li -Tag kann nicht unabhängig verwendet werden. Darüber hinaus muss das Li -Etikett versiegelt werden, was nicht nur eine Frage der Ästhetik ist, sondern auch sehr vorteilhaft für die spätere Wartung. Viele Programmierer verbieten dieses Li nicht gerne. Der Zweck von UL-Listen besteht hauptsächlich darin, eindimensionale, gleiche Datenart aufzulisten. Zum Beispiel einige Vorschriften im Menü, die Auflistung im Artikel usw. Es gibt ein spezielles Formular in der Liste, die sich von UL unterscheidet. Das ist die DL unten
DL, DT, DD Dies ist eine ganz besondere Kombination von drei Tags. Hier bezieht sich DT auf den Titel, DD bezieht sich auf den Inhalt. DL ist der Behälter für ihre Kurse. Die richtige Art zu schreiben ist <dl> <dt> </dt> <dd> </dd> </dl> Es kann viele Gruppen von DT und DD in DL geben. Wenn viele Gruppen erscheinen, versuchen Sie, einen DT mit einem DD zu erreichen. Wenn DD viele Inhalte gibt, können Sie DD ein P -Tag hinzufügen, um es zu verwenden. Die DL -Liste ist ein sehr gutes Listenformular und kann mehr verwendet werden.
A Dies bedeutet, dass ein Link ein spezifisches Attribut und das magischste Tag auf der Webseite ist. Es wird unzählige Webseiten miteinander verbunden. Die richtige Art zu schreiben ist: <a href = title => </a> wobei HREF die Zieladresse darstellt, und der Titel ist der optionale Maus -Hover -Eingabeaufforderungstext. Aber es muss mehr Gewinn als nichts sein.
IMG Dies ist ein Bild -Tag, und es ist auch ein Tag mit einem bestimmten Attribut. Der normale Weg zum Schreiben ist: <img Src = Alt = title =/> Hier ist SRC die Zieladresse, Alt und Titel Ersatztext, Alt ist IE-spezifisch und der Titel ist anderen Browsern gemeinsam. Aber denken Sie daran, dass sich dahinter eine Backslash -Linie befinden muss.
H Dies ist eine Reihe von Tags, von H1 bis H6, insgesamt gibt es sechs. Einige Leute sagen, es sind zu wenige, manche Leute sagen, es ist genau richtig, und einige Leute sagen, dass es nicht so sehr verwendet wird. Wie auch immer, ich denke, es ist fast gleich. Der richtige Weg zum Schreiben ist: <h> </h> wird hauptsächlich zum Speichern von Titeln verwendet, und einige Freunde verwenden sie auch für andere Zwecke. Ich persönlich denke, dass dieses Etikett wohl besser sein sollte. Lassen Sie es also als Titel dienen. Es ist am besten, nichts zu haben, was sich zwischen diesen sechs Etiketten enthält.
Starker Mittelfokus, es hat Semantik und eine einfache Funktion. Was die Probearbeit betrifft, ob Sie die Kühnheit hervorheben oder Farbe verwenden möchten, um die Betonung anzuzeigen, ist es Ihre Wahl. Die richtige Art zu schreiben ist <strong> </strong>
EM Dies ist stark ähnlich wie stark, was Betonung bedeutet. Der Standardwert eines allgemeinen Browsers ist kursiv. Verwenden Sie genauso wie stark. Die Schreibmethode lautet: <em> </em>
Die Form wird hier nicht erwähnt, da die Form im Grunde keine Änderungen und nichts Besonderes zu sagen hat.