Neue Attribute in HTML5: Einführung in fünf globale Attribute

In HTML5 gibt es ein neues Attribut, das in HTML nicht zu finden ist: globales Attribut. Wie der Name schon sagt, beziehen sich globale Attribute auf Attribute, die von jedem Element verwendet werden können. Im folgenden Artikel stellen wir fünf häufig verwendete globale Attribute vor.

contentEditable-Attribut

contentEditable wird von Microsoft entwickelt. Eine globale Eigenschaft, die dekompiliert und von anderen Browsern verwendet wird. Seine Hauptfunktion besteht darin, dem Benutzer das Bearbeiten des Inhalts des Elements zu ermöglichen. Das zu bearbeitende Element muss das Element sein, das den Mausfokus hat, und nach dem Klicken muss ein Caretzeichen angezeigt werden, um den Benutzer darauf hinzuweisen, dass der Inhalt des Elements zulässig ist bearbeitet werden. Die contentEditable-Eigenschaft ist eine boolesche Eigenschaft, die als wahr oder falsch angegeben werden kann. Dieses Attribut hat auch den Vererbungsstatus eines versteckten Attributs. Wenn es wahr ist, kann es vom Benutzer bearbeitet werden. Wenn es nicht angegeben ist, wird es durch die Vererbung bestimmt Wenn das übergeordnete Element bearbeitbar ist, ist das Element auch bearbeitbar. Zu den unterstützten contentEditable-Attributelementen gehören A, DD, DIR, DIV, BUTTON, FORM, DL, DT, FONT, DFN, hn, CODE, ABBR usw.

designMode-Attribut

Die Hauptfunktion des designMode-Attributs besteht darin, anzugeben, ob die gesamte Seite bearbeitet werden kann bearbeitbar, alle auf der Seite unterstützten Elemente mit dem contentEditable-Attribut werden bearbeitbar. Das designMode-Attribut hat zwei Werte „on“ und „off“. Wenn das Attribut „ein“ ist, kann die Seite bearbeitet werden; wenn das Attribut „aus“ ist, kann die Seite nicht bearbeitet werden. Die Unterstützung jedes Browsers ist jedoch unterschiedlich. IE8 unterstützt das designMode-Attribut nicht, IE9 unterstützt das designMode-Attribut, Fixfox- und Opera-Browser unterstützen das designMode-Attribut und Chrom- und Safari-Browser unterstützen das designMode-Attribut in eingebetteten Frames.

verstecktes Attribut

Alle Elemente in HTML5 dürfen das versteckte Attribut verwenden. Es ähnelt dem versteckten Attribut im Eingabeelement und macht das Element unsichtbar. Wenn das Attribut „hidden“ auf „true“ gesetzt ist, ist das Element unsichtbar; wenn das Attribut „hidden“ auf „false“ gesetzt ist, ist das Element sichtbar.

Rechtschreibprüfungsattribut

Das Rechtschreibprüfungsattribut ist hauptsächlich ein neues Attribut, das für die beiden Texteingabefelder Eingabeelement und Textbereich bereitgestellt wird. Seine Funktion besteht darin, die Eingabe zu buchstabieren und zu buchstabieren Inhalt. Grammatikprüfung. Es gibt eine Besonderheit: Der Attributwert muss als wahr oder falsch deklariert werden. Wenn das Element über ein schreibgeschütztes Attribut verfügt oder das Attribut „disabled“ „true“ ist, wird keine Rechtschreibprüfung durchgeführt. Browser wie Firfox, IE, Chrome und Safari unterstützen alle dieses Attribut.

Tabindex-Attribut

Tabindex bezieht sich im Konzept der Programmentwicklung auf das kontinuierliche Tippen auf die Tabulatortaste, um den Fokus auf die Steuerelemente im Fenster oder auf der Seite zu richten und die Steuerelemente zu durchlaufen im Fenster. Der Tabindex jedes Steuerelements gibt an, auf welches Steuerelement zugegriffen wird. Dieses Attribut war früher beim Bearbeiten von Webseiten nützlich, aber jetzt wird die Durchlaufreihenfolge basierend auf der Position des Elements bestimmt, sodass es nicht mehr benötigt wird. Tabindex hat jedoch eine Funktion. Nur Linkelemente und Formularelemente können durch Tastenanschläge den Fokus erlangen. Wenn Sie das tabindex-Attribut für ein Element verwenden, kann das Element auch den Fokus erhalten. Wenn die focus()-Anweisung ausgeführt wird, kann das Element den Fokus erhalten. Es wird jedoch ein Problem geben, dass das Element über die Registerkarte den Fokus erhält, und zu diesem Zeitpunkt möchten wir nicht, dass das Element den Fokus erhält.

Dieses Problem kann gelöst werden, indem der Tabindex-Wert des Elements auf eine negative Zahl gesetzt wird. Wenn der Tabindex ein negativer Wert ist, kann das Element programmgesteuert fokussiert werden, aber das Element wird nicht fokussiert, wenn die Tab-Taste gedrückt wird. Dies ist bei komplexen Seiten sehr nützlich. Der geschickte Einsatz dieses Attributs in HTML5 spielt eine große Rolle.

Verwandte Empfehlungen:

Neue HTML5-Attribute

Ein kurzer Überblick über die neuen und abgeschafften Attribute von html5_html5 Tutorial-Tipps

Das obige ist der detaillierte Inhalt vonNeue Attribute in HTML5: Einführung in fünf globale Attribute. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!