Heim > Web-Frontend > H5-Tutorial > Hauptteil

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

黄舟
Freigeben: 2017-01-22 11:38:07
Original
1632 Leute haben es durchsucht

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>
Nach dem Login kopieren

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

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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
Nach dem Login kopieren

5. Das dir-Attribut gibt die Textrichtung des Elementinhalts an.

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

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>
Nach dem Login kopieren

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  

Javanisch

jv    

Kannada    kn    

Kanuri    

Kashmiri    ks    

Kasachisch    kk  

Kinyarwanda wanda)  g

<🎜🎍ky    

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  

mr    

Moldauisch    mo    

Mongolisch    mn    

Nauru    und  

Nepali    und  

Norwegisch

Norwegisch  

<🎜  oc 🎜>

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  

Serbisch  sr  

🎜 >

Sesotho    st    

Setswana    tn    

Shona    sn    

Sind Hallo    sd    

Singhalesisch  si  🎜  ><🎜  ><🎜  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 <🎜 ts 🎜>

Türkisch    tr  

Turkmenisch  tk  

Twi    tw    

Uigurisch und  

Ukrainisch    

<🎜  <🎜  U >

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>
    Nach dem Login kopieren

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

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

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

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!