Notes d'étude HTML5 version concise (8) : nouveaux attributs globaux

attribut contenteditable

Si un élément utilise l'attribut contenteditable, cela signifie que l'élément est une zone modifiable. Les utilisateurs peuvent modifier le contenu des éléments ainsi que les balises d'action. Par exemple :

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

Cet attribut a trois valeurs facultatives : vrai, faux et caractère vide. Le caractère vide représente vrai.

La page de cadre peut être implémentée via le code du programme JS : editor.document.designMode="on".

l'attribut contextmenu est utilisé pour pointer vers un répertoire contextuel fourni par l'auteur, par exemple :

<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>

attributs data-*

Les développeurs peuvent définir n'importe quel attribut de leur choix sur n'importe quel élément à condition de le préfixer avec data- Pour éviter les conflits avec le futur HTML versions, la validation jQuery sous asp.net MVC utilise cette méthode, par exemple : data-val="true".

Attributs draggable et dropzone

Les attributs draggable et dropzone peuvent être utilisés avec la nouvelle API glisser-déposer. Draggable indique si le glisser-déposer est autorisé, et dropzone représente la zone dans laquelle le glisser-déposer. peut être autorisé.

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

attribut caché

Ne pas afficher les éléments avec l'attribut caché défini. Mais contrairement à la couche de présentation, comme les couches cachées de changement d’onglet, les éléments cachés sont ciblés sur tous les affichages, comme les lecteurs d’écran. Similaire au champ caché du formulaire.

HTML5 ajoute WAI-ARIA comme langage juridique à des fins auxiliaires.

attribut de vérification orthographique

L'attribut de vérification orthographique spécifie s'il faut effectuer une vérification orthographique sur le contenu de l'élément. Par exemple :

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

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