Attribute stellen zusätzliche Informationen über HTML-Elemente.
Ein HTML-Attribut ist ein Modifikator eines HTML-Element-Typ. Ein Attribut entweder modifiziert die Standardfunktionalität eines Elementtypen oder stellt eine Funktionalität auf bestimmte Elementtypen nicht in der Lage, ohne sie richtig zu funktionieren. In HTML-Syntax ist ein Attribut in einen HTML-Start-Tag hinzugefügt.
HTML Attribute
- HTML - Elemente können haben attributes
- Attribute stellen additional information über ein Element
- Attribute werden immer in bestimmten the start tag
- Attribute kommen in Name / Wert - Paare wie: name="value"
Beschreibung
HTML-Attribute erscheinen in der Regel als Name-Wert-Paare durch = getrennt und innerhalb des Start-Tag eines Elements geschrieben, nach dem Namen des Elements:
<tag attribute="value">content to be modified by the tag</tag>Wo Tag-Name des HTML-Element-Typ und Attribut ist der Name des Attributs, auf den vorgesehenen Wert. Der Wert kann in einfachen oder doppelten Anführungszeichen eingeschlossen werden, obwohl Werte aus bestimmten Zeichen können in HTML (aber nicht XHTML) unquoted gelassen werden .Leaving Attribut nicht notierten Werte gilt als unsicher.
Obwohl die meisten Attribute als paarige Namen und Werte zur Verfügung gestellt werden, wirken sie einige das Element einfach durch ihre Anwesenheit in dem Start-Tag des Elements (wie das ismap Attribut für das img-Element).
Die meisten Elemente können eine beliebige von mehreren gemeinsamen Eigenschaften nehmen:
Das id-Attribut stellt ein Dokument weit eindeutige Kennung für ein element.This als CSS-Selektor verwendet werden Präsentations-Eigenschaften, von Browsern die Aufmerksamkeit auf das spezifische Element zu konzentrieren, oder durch Skripte, um die Inhalte oder Präsentation eines Elements zu ändern. Hängten an die URL der Seite zielt die URL direkt das spezifische Element innerhalb des Dokuments, typischerweise einen Teilbereich der Seite. Zum Beispiel: „Attribute“ die ID.
Die Klasse Attribut bietet eine Möglichkeit, ähnliche Elemente zu klassifizieren. Dies kann für die semantischen Zwecke verwendet werden, oder für Präsentationszwecke. Semantisch zum Beispiel werden die Klassen in Mikroformaten verwendet. Presentationally, könnte zum Beispiel ein HTML-Dokument mit der Bezeichnung class = „Notation“ verwenden, um anzuzeigen, dass alle Elemente mit dieser Klasse Wert untergeordnet sind zum Haupttext des Dokuments. Solche Elemente versammeln und als Fußnoten auf einer Seite statt an der Stelle des Erscheinens präsentiert werden könnten, wo sie in der HTML-Quelle auftreten. Eine weitere Präsentation verwenden würde als CSS-Selektor sein.
Ein Autor kann den Stil nicht-attributal Codes Präsentations-Eigenschaften zu einem bestimmten Elemente verwenden. Es ist besser Praxis als ein Elements ID oder Klasse zu verwenden, schreibt das Element mit einem Stylesheet zu wählen, auch wenn dies manchmal eine zu umständlich sein kann, einfache und spezifische oder Ad-hoc-Anwendung gestylt Eigenschaften.
Das Titel-Attribut wird verwendet unterschwellige Erklärung zu einem Elemente zu befestigen. In den meisten Browsern wird dieses Attribut angezeigt als das, was als Tooltip wird oft.
Die Abkürzung Element kann abbr, verwendet werden, um diese verschiedenen Attributen zu demonstrieren:
<abbr id="anId" class="aClass" style="color:blue;" title="Hypertext Markup Language">HTML</abbr>In diesem Beispiel wird als HTML; in den meisten Browsern, bei der Abkürzung der Cursor zeigt sollten den Titeltext anzuzeigen „Hypertext Markup Language.“
Die meisten Elemente nehmen auch die sprachbezogenen Attribute lang und Richt.
Das lang Attribut
Das Dokument Sprache kann im deklariert werden <html> -Tag.
Die Sprache wird in dem deklarierten lang Attribute.
Sprache Deklarieren ist für die Zugänglichkeit Anwendungen wichtig (screen readers) - (screen readers) und Suchmaschinen:
<!DOCTYPE html>
<html lang="en-US">
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>Die ersten beiden Buchstaben geben Sie die Sprache (en) . Wenn es ein Dialekt ist, verwenden Sie zwei Buchstaben (US) .
Der title Attribut
HTML Absätze werden mit dem definierten <p> -Tag.
In diesem Beispiel ist das <p> hat Element ein title - Attribut. Der Wert des Attributs " About w3im " :
Beispiel
<p title="About w3ii">
w3ii is a web developer's site.
It provides tutorials and references covering
many aspects of web programming,
including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.
</p> Versuch es selber " Wenn Sie die Maus über das Element bewegen, wird der Titel als Tooltip angezeigt.
Das href Attribut
HTML - Links sind mit dem definierten <a> - Tag. Die Link - Adresse wird in dem angegebenen href Attribute:
Sie werden mehr über Links und erfahren <a> Tag später in diesem Tutorial.
Größe Attribute
HTML - Bilder werden mit dem definierten <img> -Tag.
Der Dateiname der Quelle ( src ) , und der Größe des Bildes ( width und height ) sind alle als Attribute bereitgestellt:
Die Bildgröße wird in Pixel angegeben: Breite = „104“ ist 104 Pixel breit Bildschirm.
Sie werden mehr über Bilder und lernen <img> Tag später in diesem Tutorial.
Das alt - Attribut
Das alt - Attribut gibt einen alternativen Text verwendet werden soll, wenn ein HTML - Element nicht angezeigt werden kann.
Der Wert des Attributs kann gelesen werden "screen readers" - "screen readers" . Auf diese Weise jemand "listening" auf die Webseite, dh eine blinde Person kann "hear" das Element.
Wir empfehlen: Always Use Klein Attribute
Der HTML5-Standard erfordert nicht kleingeschrieben Attributnamen.
Der title - Attribut kann mit Groß- oder Kleinschreibung wie geschrieben werden Title und / oder TITLE .
W3C empfiehlt Klein in HTML4 und verlangt Klein strengere Dokumenttypen wie XHTML.
Kleinschreibung ist die häufigste. Kleinschreibung ist einfacher zu tippen.
Bei w3ii wir immer Kleinbuchstaben verwenden Attributnamen.
Wir empfehlen: Immer Quote Attributwerte
Der HTML5-Standard erfordert keine Anführungszeichen um Attributwerte.
Das href - Attribut, oben gezeigt, kann wie folgt geschrieben werden:
W3C recommends Zitate in HTML4 und fordert Angebote für strengere Dokumenttypen wie XHTML.
Manchmal ist es notwendig , Zitate zu verwenden. Dies wird nicht korrekt angezeigt, weil er ein Leerzeichen enthält:
Mit Anführungszeichen sind die häufigsten. Das Weglassen Anführungszeichen können Fehler erzeugen.
Bei w3ii wir immer Anführungszeichen um Attributwerte.
Einfache oder doppelte Anführungszeichen?
Doppel Stil Anführungszeichen sind die am häufigsten in HTML, aber einzelne Art auch verwendet werden kann.
In einigen Situationen, wenn der Attributwert selbst doppelte Anführungszeichen enthält, ist es notwendig, einfache Anführungszeichen zu verwenden:
<p title='John "ShotGun" Nelson'>Oder umgekehrt:
<p title="John 'ShotGun' Nelson">Kapitelzusammenfassung
- Alle HTML - Elemente können Attribute haben
- Das HTML - title - Attribut bietet zusätzliche "tool-tip" Informationen
- Das HTML - href - Attribut liefert Adressinformationen für Links
- Die HTML - width und height Attribute liefern Größeninformationen für Bilder
- Das HTML - alt - Attribut bietet Text für Screenreader
- Bei w3ii wir verwenden immer lowercase HTML - Attributnamen
- Bei w3ii immer wir quote Attribute mit doppelten Anführungszeichen
Testen Sie sich mit Übungen!
Übung 1 » Übung 2» Übung 3 » Übung 4» Übung 5 »
HTML Attribute
Im Folgenden finden Sie eine alphabetische Liste einiger Attribute oft in HTML verwendet:
| Attribut | Beschreibung |
|---|---|
| alt | Gibt einen alternativen Text für ein Bild |
| disabled | Gibt an, dass ein Eingabeelement deaktiviert werden, |
| href | Gibt die URL (web address) für einen Link |
| id | Gibt eine eindeutige ID für ein Element |
| src | Gibt die URL (web address) für ein Bild |
| style | Gibt einen Inline-CSS-Stil für ein Element |
| title | Gibt zusätzliche Informationen über ein Element (displayed as a tool tip) |
: Eine vollständige Liste aller Attribute für jedes Element HTML, wird in unserer aufgeführten HTML - Tag Referenz .