Durch die vorherige Studie verfügen wir bereits über ein einfaches Verständnis von HTML-Tags und wissen, dass wir den Tags einige Attribute hinzufügen können. Diese Attribute enthalten zusätzliche Informationen zu den Tags, wie zum Beispiel:
(1) Das href-Attribut kann die Linkadresse für das <a>-Tag bereitstellen;
(2) Das src-Attribut kann den Pfad des Bildes für das <img>-Tag bereitstellen;
(3) Das Stilattribut kann CSS-Stile für fast alle Tags definieren.
In diesem Artikel erklären wir die Definition und Verwendung von HTML-Tag-Attributen.
1. Was sind Attribute?
Attribute können zusätzliche Informationen für HTML-Tags bereitstellen oder HTML-Tags ändern. Das Attribut muss im Start-Tag hinzugefügt werden und das Syntaxformat lautet:
attr=Wert
attr repräsentiert den Attributnamen und value repräsentiert den Attributwert. Attributwerte müssen in doppelte oder einfache Anführungszeichen '' eingeschlossen werden.
Hinweis: Obwohl sowohl doppelte als auch einfache Anführungszeichen Attributwerte umgeben können, verwenden Sie aus Gründen der Standardisierung und Professionalität bitte so oft wie möglich doppelte Anführungszeichen.
Ein Tag kann keine Attribute oder ein oder mehrere Attribute haben.
Beispiel für die Verwendung von HTML-Attributen:
<pid=user-infoclass=color-red>Willkommen <fontcolor=redsize=3>Benutzername</font> Sie nutzen diese Website seit 3 Jahren. <p><divclass=clearfloat><pclass=left>Benutzername-Kontoinformationen</p><pclass=right>Benutzername, personalisierte Signatur</p></div>
Unten dargestellt:
1. Besondere Eigenschaften
Es gibt viele HTML-Attribute, die grob in zwei Kategorien unterteilt werden können:
(1) Einige Attribute gelten für die meisten oder alle HTML-Tags. Wir nennen diese Attribute universelle Attribute.
(2) Einige Attribute gelten nur für ein oder mehrere bestimmte HTML-Tags. Wir nennen diese Attribute spezielle Attribute.
Das <img>-Tag in HTML hat zwei spezielle Attribute, src und alt, und das <a>-Tag hat auch zwei spezielle Attribute, href und target, wie im folgenden Beispiel gezeigt:
<img src=./logo.png alt=C Language Network Logo width=100 height=50>
<a href=http://c.biancheng.net/ target=_blank>C Language Network</a>
Beschreibung des Codes:
Das src-Attribut im <img>-Tag wird verwendet, um den Pfad des Bildes zu definieren, und das alt-Attribut wird verwendet, um die Beschreibungsinformationen des Bildes zu definieren. Wenn das Bild abnormal ist und nicht normal angezeigt werden kann, werden die Informationen in alt verwendet angezeigt werden.
Das href-Attribut des <a>-Tags wird verwendet, um die Adresse des Links zu definieren, und das Zielattribut wird verwendet, um zu definieren, wie die neue Seite im Browser geöffnet wird.
2. Benutzerdefinierte Attribute
Zusätzlich zu seinen eigenen Attributen können wir mit HTML auch Attribute anpassen. Obwohl diese Attribute vom Browser erkannt werden können, müssen wir CSS und JavaScript verwenden, um benutzerdefinierte Attribute zu verarbeiten und HTML bestimmte Stile hinzuzufügen Tags oder Verhalten.
2. HTML-Attribute
● HTML-Elemente können Attribute festlegen
●Attribute können Elementen zusätzliche Informationen hinzufügen
●Attribute werden im Allgemeinen im öffnenden Tag beschrieben
●Attribute erscheinen immer in Form von Name/Wert-Paaren, zum Beispiel: Name=Wert.
Zusammenfassung: Elemente in HTML können zusätzliche Informationen für HTML-Elemente bereitstellen, indem sie Attribute festlegen. Attribute sind Merkmale, die zum Element gehören.
1. Gemeinsame Attribute
Die folgenden Attribute gelten für die meisten HTML-Elemente
(1) Klasse
Definieren Sie einen oder mehrere Klassennamen (Klassennamen) für HTML-Elemente (Klassennamen werden aus Stildateien eingeführt).
Das Klassenattribut kann mehrfach verwendet werden, d. h. Klasse = Klassenname1 Klassenname2 Klassenname3 ... (Mehrere Klassenattribute können in Anführungszeichen gesetzt werden.)
(2)id
Definieren Sie die eindeutige ID des Elements
Das ID-Attribut kann nur einzeln festgelegt werden, d. h. id=myid (es kann nur eines ausgefüllt werden, mehrere sind ungültig)
(3) Stil
Geben Sie den Inline-Stil eines Elements an
(4) Titel
Beschreibt zusätzliche Informationen zum Element (wird als Symbolleiste verwendet)
2. Häufig verwendete Referenzattributwerte von HTML-Attributen
Eigenschaftswerte sollten immer in Anführungszeichen gesetzt werden.
Doppelte Anführungszeichen werden am häufigsten verwendet, die Verwendung einfacher Anführungszeichen ist jedoch kein Problem.
Tipp: In einigen Einzelfällen, beispielsweise wenn der Attributwert selbst doppelte Anführungszeichen enthält, müssen Sie einfache Anführungszeichen verwenden, zum Beispiel:
name='JohnShotGunNelson'
3. HTML-Tipp: Verwenden Sie Kleinbuchstaben-Attribute
Bei Eigenschaften und Eigenschaftswerten wird die Groß-/Kleinschreibung nicht beachtet.
Allerdings empfiehlt das World Wide Web Consortium in seinen HTML 4-Empfehlungen kleingeschriebene Attribute/Attributwerte.
Die neue Version von (X)HTML erfordert Kleinbuchstaben-Attribute.
4. Referenzhandbuch für HTML-Attribute
Sehen Sie sich die vollständige Liste der HTML-Attribute an: HTML-Tag-Liste.
Die Attribute, die für die meisten HTML-Elemente gelten, sind unten aufgeführt: