Heim > Artikel > Web-Frontend > Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (13) – Globale Attribute in HTML5

Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (13) – Globale Attribute in HTML5

黄舟Original: 2017-01-22 11:38:071633Durchsuche

1. Zugriffstastenkombinationen

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

Interessierte Freunde können es ausprobieren, indem sie Alt + g und Alt + w gedrückt halten

Xiaoqiang’s The Road zur mobilen HTML5-Entwicklung
Wachstumshinweise für Android-Neulinge

Hinweis: Bitte verwenden Sie Alt + accessKey, um mit Tastenkombinationen auf Elemente zuzugreifen.

Dieses Tag unterscheidet sich nicht zwischen HTML4 und HTML5.

2. Das Klassenattribut gibt den Namen der Elementklasse an

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

Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (13) – Globale Attribute in HTML5

3. Das Attribut contenteditable gibt an, ob der Inhalt des Elements bearbeitet werden kann

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

Dies ist ein editierbarer Absatz. Bitte versuchen Sie, den Text zu bearbeiten.

Das contenteditable-Attribut ist ein neues Attribut in Html5

4. Das contextmenu-Attribut gibt das Kontextmenü für das Element an. Dieses Menü wird angezeigt, wenn der Benutzer mit der rechten Maustaste auf das Element klickt

Derzeit unterstützen keine großen Browser das Kontextmenü-Attribut.

<!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. Das dir-Attribut gibt die Textrichtung des Elementinhalts an.

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

Wert Beschreibung

ltr Textrichtung von links nach rechts.

rtl Textrichtung von rechts nach links.

auto Lassen Sie den Browser die Textrichtung basierend auf dem Inhalt bestimmen. Nur empfohlen, wenn die Textausrichtung unbekannt ist.

6. Das Draggable-Attribut gibt an, ob das Element gezogen werden kann.

Wert Beschreibung

true Gibt an, dass das Element ziehbar ist.

false gibt an, dass das Element nicht ziehbar ist.

auto Verwenden Sie die Standardfunktionen des Browsers.

Derzeit unterstützen nur Firefox, Chrome und Safari das ziehbare Attribut.

7. Das Dropzone-Attribut gibt an, ob die gezogenen Daten kopiert, verschoben oder verknüpft werden, wenn sie per Drag & Drop auf das Element gezogen werden.

Derzeit unterstützen keine großen Browser das Dropzone-Attribut.

8. Das versteckte Attribut gibt an, dass das Element ausgeblendet ist.

Das versteckte Attribut ist ein neues Attribut in HTML5.

9. Das id-Attribut gibt die eindeutige ID des HTML-Elements an.

<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. Das lang-Attribut gibt die Sprache des Elementinhalts an.

ISO 639-1 definiert Abkürzungen für verschiedene Sprachen. Sie können sie in den Attributen lang und xml:lang in HTML und XHTML verwenden.

Sprache

ISO-Code

Abchasisch ab

Afar aa

Afrikaans af

Albanisch sq

Amharisch am

Arabisch ar

Armenisch hy as

Aymara ay

Aserbaidschanisch az

Baschkirisch ba

Baskisch eu

Bengalisch (Bangla) bn

Bhutani dz

Bihari bh

Bislama bi

Bretonisch br

Bulgarisch bg

Burmesisch my

Weißrussisch (Weißrussisch) be

Kambodschanisch km

Katalanisch ca

Cherokee

Chewa

Chinesisch (vereinfacht) und

Korsisch co

Kroatisch hr

Tschechisch cs

Dänisch da

Divehi

Niederländisch nl

Edo

Englisch en 🎜>

Fidschi fj

Finnisches fi

Flämisches

Französisches fr

Friesisches fy

Fulfulde

Galizisches gl

Gälisch ( Schottisch) gd

Gälisch (Manx) gv

Georgisch ka

Deutsch de

Griechisch el

Grönländisch kl

Guarani gn

Gujarati gu Hindi hi

Ungarisch hu

Ibibio

Isländisch is

Igbo

Indonesisch id, in

Inter-ua

Interlingue ie

Inuktitut iu

Inupiak ik

Irisch

Italienisch it

Javanisch

Kannada kn

Kanuri

Kashmiri ks

Kasachisch kk

Kinyarwanda wanda) g

Kirundi (Rundi) rn

Konkani

Koreanisch I

Kurdisch I.

Laothisch >

Ich habe das

Lettisch (Lettisch) lv

Limburgisch (Limburger) li

Lingala ln

Litauisch lt

Maced

m 🎜🎜

Madagassisch mg

Malaiisch ms

Malayalam ml

Maltesisch mt.

Maori

Marhi

Moldauisch mo

Mongolisch mn

Nauru und

Nepali und

Norwegisch

Oriya oder

Oromo (Afan, Galla) om

Papiamentu

Pashto (Puschtu) ps

Lis

🎜>Portugiesisch pt

Punjabi pa

Quechua qu

Rätoromanisch rm

Rumänisch Russisch >

🎜>Sami (Lappisch)

Samoanisch sm

Sangro sg

Sanskrit auf

Serbisch sr

🎜 >

Sesotho st

Setswana tn

Shona sn

Sind Hallo sd

Singhalesisch si 🎜 >Slowakisch sk

Slowenisch sl

Somali so

Spanisch es.

Sundanesisch su

Swahi (Kiswahili)

🎜> Schwedisch sv

Syrisch

Tagalog tl

Tadschikisch tg

Tamazight

Tamil

tar tt

Telugu te

Thai th

Tibetisch bo

Tigrinya von

Tonganisch bis

Türkisch tr

Turkmenisch tk

Twi tw

Uigurisch und

Ukrainisch

Usbekisch uz

Venda

Vietnamesisch vi

Volapuk vo

Walisisch cy

Yoruba yo

Zulu zu

Tschechische Sprache是否对元素

Wenn Sie das Wort verbreiten möchten,

Text zur Eingabe hinzufügen

textarea 元素中的值

Rechtschreibprüfung druckt HTML5-Schreibweisen aus.

十二、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>

Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (13) – Globale Attribute in HTML5

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

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Xiaoqiangs mobiler HTML5-Entwicklungsweg (12) – ausgehend von einem Multimedia-TagNächster Artikel：Xiaoqiangs mobiler HTML5-Entwicklungsweg (12) – ausgehend von einem Multimedia-Tag

In Verbindung stehende Artikel

Mehr sehen