HTML5-Studiennotizen, kurze Version (8): neue globale Attribute

contenteditable-Attribut

Wenn ein Element das contenteditable-Attribut verwendet, bedeutet dies, dass es sich bei dem Element um einen bearbeitbaren Bereich handelt. Benutzer können den Inhalt von Elementen sowie Aktions-Tags ändern. Beispiel:

<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>

Dieses Attribut hat drei optionale Werte: wahr, falsch und leeres Zeichen. Das leere Zeichen stellt wahr dar.

Die Frame-Seite 65db2722f76ee209fa1b3db0888ed3be065276f04003e4622c4fe6b64f465b88 kann über den JS-Programmcode implementiert werden: editor.document.designMode="on".

Kontextmenü-Attribut

Kontextmenü-Attribut wird verwendet, um auf ein vom Autor bereitgestelltes Kontextverzeichnis zu verweisen, zum Beispiel:

<form name="npc" action="">
 <label>Character name: <input type=text contextmenu=namemenu  required></label>
 <menu type=context id=namemenu>
  <command label="Pick random name" onclick="document.forms.npc.elements.char.value = getRandomName()">
  <command label="Prefill other fields based on name" onclick="prefillFields(document.forms.npc.elements.char.value)">
 </menu>
</form>

Daten-*-Attribute

Entwickler können jedes gewünschte Attribut für jedes Element definieren, solange sie ihm Daten voranstellen – um Konflikte mit zukünftigem HTML zu vermeiden Versionen, jQuery-Validierung unter asp.net MVC verwendet diese Methode, zum Beispiel: data-val="true".

Draggable- und Dropzone-Attribute

Die Draggable- und Dropzone-Attribute können mit der neuen Drag-and-Drop-API verwendet werden. Draggable gibt an, ob Drag-and-Drop zulässig ist, und Dropzone stellt den Bereich dar, in dem Drag-and-Drop ausgeführt wird kann erlaubt sein.

<p draggable="true" dropzone="div1">test</p>

verborgenes Attribut

Elemente mit dem definierten versteckten Attribut werden nicht angezeigt. Aber im Gegensatz zur Präsentationsebene, wie z. B. versteckte Ebenen mit Tab-Wechsel, zielen versteckte Elemente auf alle Anzeigen ab, wie z. B. Bildschirmleseprogramme. Ähnlich dem versteckten Feld im Formular.

Rollen- und Aria-*-Attribute

HTML5 fügt WAI-ARIA als Rechtssprache für Hilfszwecke hinzu.

Rechtschreibprüfungsattribut

Das Rechtschreibprüfungsattribut gibt an, ob eine Rechtschreibprüfung für den Elementinhalt durchgeführt werden soll. Zum Beispiel:

<p contenteditable="true" spellcheck="true">这是可编辑的段落。请试着编辑文本。</p>

以上就是HTML5学习笔记简明版（8）：新增的全局属性的内容，更多相关内容请关注PHP中文网（www.php.cn）！