Maison  >  Article  >  interface Web  >  Attributs globaux courants et leurs significations en HTML

Attributs globaux courants et leurs significations en HTML

黄舟
黄舟original
2017-06-19 09:34:032602parcourir

L'attribut

HTML donne un sens et un contexte aux éléments.
Les attributs globaux suivants peuvent être utilisés sur n'importe quel élément HTML5.

Attributs globaux HTML 5
NOUVEAU : Nouveaux attributs globaux dans HTML 5.
La description de l'attribut
Accesskey spécifie les touches de raccourci clavier des éléments d'accès
Class spécifie le nom de revendication de l'élément (pour les classes de la table de style spécifiée).
contenteditable                                                                                                                                                                             Spécifie si l'utilisateur est autorisé à modifier le contenu.
ContextMenu spécifie le menu contextuel de l'élément.
DIR spécifie la direction du texte du contenu dans l'élément.
déplaçable                                                                                                                                                                                                                                           pour pouvoir faire glisser l'élément.
dropzone                                                                                                                                                                  Spécifie ce qui se passe lorsque l'élément/les données déplacées sont déposés dans l'élément.
hidden précise que l'élément n'est pas pertinent. Les éléments masqués ne seront pas affichés.
ID spécifie l'ID unique de l'élément.
lang                                                                                                                                                                                                                                                                     .
La vérification orthographique précise s'il est nécessaire de vérifier l'orthographe ou la syntaxe des éléments.
Style spécifie le style interne de l'élément.
Tabindex spécifie la séquence de contrôle des touches de tabulation de l'élément.
Le titre stipule des informations supplémentaires sur les éléments.

Les attributs globaux suivants sont couramment utilisés :

1. Attribut Accesskey

L'attribut accesskey spécifie la touche de raccourci pour activer les éléments. accesskey="accesskey", utilisez ALT+accesskey (shinft+alt+accesskey) pour accéder aux éléments avec les touches de raccourci spécifiées.

<a href="http://www.baidu.com" accesskey="h">百度</a><br>  
<a herf="https://www.sogou.com" accesskey="c">搜狗</a>

Appuyez et maintenez la touche de raccourci alt+h pour ouvrir la page Web Baidu. De même, appuyez et maintenez la touche de raccourci alt+c pour ouvrir la page Web Sogou.

2. Les attributs id et class servent respectivement à nommer l'élément avec un identifiant et un nom de classe uniques.

3. attribut tabindex

attribut tabindex spécifie la séquence de contrôle de la touche de tabulation (la touche de tabulation est utilisée pour la navigation ), lorsque vous appuyez sur tab L'ordre dans lequel les éléments sont mis en évidence lorsqu'ils sont saisis. tabindex="number", "number" représente l'ordre de mise au point.

<a href="http://www.baidu.com" tabindex="2">百度</a><br>  
  
<a href="https://www.sogou.com" tabindex="1">搜狗</a><br>  
  
<a href="http://www.sina.com.cn" tabindex="3">新浪</a><br><strong>  
</strong>

Lorsque vous appuyez une fois sur la touche de tabulation, concentrez-vous sur "Sogou",

Attributs globaux courants et leurs significations en HTML

Lorsque vous appuyez une deuxième fois sur la touche de tabulation, concentrez-vous sur "Baidu" "Debout,

Attributs globaux courants et leurs significations en HTML

同理,当按第三次tab键时,聚焦于"新浪"上,

Attributs globaux courants et leurs significations en HTML

4、hidden属性

hidden属性规定元素为隐藏,表示该元素不相关,为布尔值。

5、contenteditable属性

contenteditable属性规定元素内容是否可编辑的,"true"表示可编辑,"false"表示不能编辑。

<p contenteditable="true">这段文字可被编辑</p>  
<p contenteditable="false">这段文字不能被编辑</p>

当鼠标点击第一段文字时,有显示该段文字可编辑的提示,如图:

Attributs globaux courants et leurs significations en HTML

当鼠标点出第二段文字时,没有显示可编辑的提示,如图:

Attributs globaux courants et leurs significations en HTML

6、其它的全局属性,如:style、title、lang、spellcheck、translage、dir、draggable、dropzone等


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn