Maison > Article > interface Web > Le chemin de Xiaoqiang vers le développement mobile HTML5 (13) - Attributs globaux en HTML5

Le chemin de Xiaoqiang vers le développement mobile HTML5 (13) - Attributs globaux en HTML5

黄舟original: 2017-01-22 11:38:071635parcourir

1. Touches de raccourci d'accès

<!DOCTYPE HTML>  
<html>  
<body>  
  
<a href="http://blog.csdn.net/column/details/dawanganban-html5.html" accesskey="w">小强的HTML5移动开发之路</a><br />  
<a href="http://blog.csdn.net/column/details/android-growup.html" accesskey="g">Android菜鸟的成长笔记</a>  
  
<p><b>注释：</b>请使用 Alt + <i>accessKey</i> 来访问带有快捷键的元素。</p>  
  
</body>  
</html>

Les amis intéressés peuvent essayer Alt g et Alt w pour essayer

La route de développement mobile HTML5 de Xiaoqiang
Notes de croissance pour les débutants Android

Remarque : veuillez utiliser Alt accessKey pour accéder aux éléments avec des touches de raccourci.

Cette balise n'a aucune différence entre HTML4 et HTML5.

2. L'attribut class spécifie le nom de la classe de l'élément

<!DOCTYPE HTML>  
<html>  
<head>  
<style type="text/css">  
h1.intro {color:blue;}  
p.important {color:green;}  
</style>  
</head>  
<body>  
  
<h1 class="intro">Header 1</h1>  
<p>A paragraph.</p>  
<p class="important">请注意这个重要的段落。:)</p>  
  
</body>  
</html>

Le chemin de Xiaoqiang vers le développement mobile HTML5 (13) - Attributs globaux en HTML5

3. L'attribut contenteditable spécifie si le contenu de l'élément peut être modifié

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

Ceci est un paragraphe modifiable. Veuillez essayer de modifier le texte.

L'attribut contenteditable est un nouvel attribut en HTML5

4. L'attribut contextmenu spécifie le menu contextuel de l'élément. Ce menu apparaîtra lorsque l'utilisateur clique avec le bouton droit sur l'élément

Actuellement, aucun navigateur majeur ne prend en charge l'attribut contextmenu.

<!DOCTYPE html>  
<html>  
<body>  
  
<p contextmenu="supermenu">本段落拥有一个名为 "supermenu" 的上下文菜单。这个菜单会在用户右键单击该段落时出现。</p>    
  
<menu id="supermenu">  
  <command label="Step 1: Write Tutorial" onclick="doSomething()">  
  <command label="Step 2: Edit Tutorial" onclick="doSomethingElse()">  
</menu>  
  
<p><b>注释：</b>目前的主流浏览器都不支持 contextmenu 属性。</p>  
  
</body>  
</html

5. L'attribut dir spécifie la direction du texte du contenu de l'élément.

<p dir="rtl">Write this text right-to-left!</p>

Valeur Description

ltr Direction du texte de gauche à droite.

rtl Direction du texte de droite à gauche.

auto Laisse le navigateur déterminer la direction du texte en fonction du contenu. Recommandé uniquement lorsque l'orientation du texte est inconnue.

6. L'attribut draggable spécifie si l'élément peut être déplacé.

Valeur Description

true Spécifie que l'élément peut être déplacé.

false précise que l'élément ne peut pas être déplacé.

auto Utiliser les fonctionnalités par défaut du navigateur.

Actuellement, seuls Firefox, Chrome et Safari prennent en charge l'attribut draggable.

7. L'attribut dropzone précise si les données glissées seront copiées, déplacées ou liées lorsqu'elles seront glissées et déposées sur l'élément.

Actuellement, aucun navigateur majeur ne prend en charge l'attribut dropzone.

8. L'attribut caché précise que l'élément est masqué.

L'attribut caché est un nouvel attribut en HTML5.

9. L'attribut id spécifie l'identifiant unique de l'élément HTML

<html>  
<head>  
<script type="text/javascript">  
function change_header()  
{  
document.getElementById("myHeader").innerHTML="Nice day!";  
}  
</script>  
</head>  
  
<body>  
<h1 id="myHeader">Hello World!</h1>  
<button onclick="change_header()">改变文本</button>  
</body>  
  
</html>

10. L'attribut lang spécifie la langue du contenu de l'élément.

ISO 639-1 définit des abréviations pour différentes langues. Vous pouvez les utiliser dans les attributs lang et xml:lang en HTML et XHTML.

Langue

Code ISO

Abkhaze ab

Afar aa

Afrikaans af

Albanais sq

Amharique am

Arabe ar

Arménien hy as

Aymara ay

Azerbaïdjanais az

Bashkir ba

Basque eu

Bengali (Bangla) bn

Bhutani dz

Bihari bh

Bislama bi

breton br

bulgare bg

birman mon

biélorusse (biélorusse) être

cambodgien km

Catalan ca

Cherokee

Chewa

Chinois (simplifié) en

Corse co

Croate hr

Tchèque cs

danois da

Divehi

néerlandais nl

Edo

anglais en 🎜>

Fidji fj

Finnois fi

Flamand

Français fr

Frison fy

Fulfulde

Galicien gl

Gaélique ( Écossais) gd

Gaélique (Manx) gv

Géorgien ka

Allemand de

Grec el

Groenlandais kl

Guarani gn

Gujarati gu Hindi salut

hongrois hu

ibibio

islandais est

igbo

indonésien id, en

Inter-ua

Interlingue ie

Inuktitut iu

Inupiak ik

Irlandais ga

Italien it

Javanais

Kannada kn

Kanuri

Cachemire ks

Kazakh kk

Kinyarwanda (R Wanda) g

Kirundi (Rundi) rn

Konkani

Coréen I

Kurde I Laothien >

J'ai le

letton (letton) lv

limbourgeois (limburger) li

lingala ln

lituanien lt

Maced

m 🎜🎜

Malgache mg

Malais ms

Malayalam ml

Maltais mt

Maori

Marhi

Moldave mo

Mongol mn

Nauru et

Népali et

Norvégien

Oriya ou

Oromo (Afan, Galla) om

Papiamentu

Pashto (Pushto) ps

Lis

🎜>Portugais pt

Punjabi pa

Quechua qu

Rhéto-roman rm

Roumain Russe >

🎜>Sami (lapon)

Samoan sm

Sangro sg

Sanskrit in

serbe sr

Serbe sr

🎜 >

Sesotho st

Setswana tn

Shona sn

Sindhi sd

Cinghalais si 🎜 >Slovaque sk

Slovène sl

Somalien so

Espagnol es

Sundanais su

Swahi (Kiswahili)

🎜> Suédois sv

Syriaque

Tagalog tl

Tadjik tg

Tamazight

Tamoul

tar tt

Telugu te

Thaï th

Tibétain bo

Tigrinya de

tonguien à

turc tr

turkmène tk

Twi tw

Ouïghour et

ukrainien

ouzbek uz

Venda

vietnamien vi

Volapuk vo

Gallois cy

Yiddish yi, ji

Yoruba yo

Zulu zu

Discours tchèque是否对元素

Si vous souhaitez faire passer le message,

Ajouter du texte à la saisie

textarea 元素中的值

La vérification orthographique imprime les orthographes HTML5.

十二、style 属性规定元素的行内样式（inline style）HTML4和HTML5无差异
十三、tabindex 属性规定当使用 "tab" 键进行导航时元素的顺序。

<!DOCTYPE HTML>  
<html>  
<body>  
  
<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a><br />  
<a href="http://www.google.com/" tabindex="1">Google</a><br />  
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>  
  
</body>  
</html>

十四、title 属性规定关于元素的额外信息

<!DOCTYPE HTML>  
<html>  
<body>  
  
<p><abbr title="世界卫生组织">WHO</abbr> 成立于 1948。</p>  
<p title="免费的 Web 教程">W3School.com.cn</pl>  
  
</body>  
</html>

Le chemin de Xiaoqiang vers le développement mobile HTML5 (13) - Attributs globaux en HTML5

以上就是小强的HTML5移动开发之路（13）——HTML5中的全局属性的内容，更多相关内容请关注PHP中文网（www.php.cn）！

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

Article précédent：Le chemin de Xiaoqiang vers le développement mobile HTML5 (12) - à partir d'une balise multimédiaArticle suivant：Le chemin de Xiaoqiang vers le développement mobile HTML5 (12) - à partir d'une balise multimédia

Articles Liés

Voir plus