Was sind die globalen Attribute von HTML?

Zu den globalen

HTML-Attributen gehören Klasse, ID, Stil, Titel, Sprache, Zugriffsschlüssel, Tabindex, ausgeblendet, ziehbar, bearbeitbar usw. Diese Attribute können auf jedes HTML-Element angewendet werden. Globale Attribute sind Attribute, die von allen HTML-Elementen verwendet werden können, egal ob inline oder als Tag-Attribute.

Das Betriebssystem dieses Tutorials: Windows 10-System, Dell G3-Computer.

HTML verfügt über viele globale Eigenschaften, die auf jedes HTML-Element angewendet werden können. Globale Attribute sind Attribute, die von allen HTML-Elementen verwendet werden können, egal ob Inline oder als Tag-Attribute.

Im Folgenden sind einige allgemeine globale HTML-Attribute aufgeführt:

1. Klasse: wird verwendet, um einen oder mehrere Klassennamen für Elemente anzugeben. Klassennamen können verwendet werden, um Elemente in CSS auszuwählen und zu formatieren.

<div>
  <p>这是一个段落。</p>
</div>

2. id: Geben Sie eine eindeutige Kennung für das Element an. Wird normalerweise für die DOM-Manipulation in JavaScript oder Selektoren in CSS verwendet.

<div id="header">
  <1>这是标题</h1>
</div>

3. Stil: Geben Sie den Inline-Stil für Meta an. Stilelemente durch CSS-Eigenschaften.

<p style="color: red; font-size: 16px;">这是一个红色的段落，字体大小为16像素。</p>

4. Titel: Geben Sie zusätzliche Informationen für das Element an. Der Wert des Titelattributs wird angezeigt, wenn sich die Maus über dem Element befindet.

<a href="https://www.example.com" title="访问示例网站">点击这里</a>

5. lang: Geben Sie die Sprache des Inhalts im Element an. Dies ist nützlich für Screenreader und mehrsprachige Seiten.

<p>这是英文文本。</p>
<p>这是中文文本。</p>

6. Zugriffstaste: Weisen Sie dem Element eine Tastenkombination zu. Auf dieses Element kann schnell zugegriffen werden, wenn die angegebene Tastenkombination gedrückt wird.

<button accesskey="s">保存</button>

7. Tabindex: Geben Sie die Reihenfolge der Elemente beim Durchlaufen mit der Tabulatortaste an. Mit der Tab-Taste können Sie zwischen verschiedenen Elementen navigieren.

<input type="text" tabindex="1">
<input type="text" tabindex="2">
<input type="text" tabindex="3">

8. versteckt: verstecktes Element. Versteckte Elemente werden nicht auf der Seite angezeigt, sind aber weiterhin im DOM vorhanden.

<p hidden>这个段落被隐藏了。</p>

9. Draggable: Gibt an, ob das Element gezogen werden kann. Wird normalerweise mit JavaScript-Drag-and-Drop-Vorgängen verwendet.

<img src="image.jpg" draggable="true">

10. Bearbeitbar: Gibt an, ob der Inhalt des Metas vom Benutzer bearbeitet werden kann. Wird zum Erstellen bearbeitbarer Textbereiche oder Rich-Text-Editoren verwendet.

<div contenteditable="true">
  这个内容可以被编辑。
</div>

Dies ist nur ein kleiner Teil der globalen HTML-Attribute. Es gibt viele andere nützliche globale Attribute, die in verschiedenen Szenarien verwendet werden können. Globale Eigenschaften bieten Entwicklern mehr Flexibilität und Funktionalität, sodass HTML-Elemente nach Bedarf angepasst und bearbeitet werden können.

Das obige ist der detaillierte Inhalt vonWas sind die globalen Attribute von HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!