ホームページ > 記事 > ウェブフロントエンド > Xiaoqiang の HTML5 モバイル開発への道 (13) - HTML5 のグローバル属性
Xiaoqiang の HTML5 モバイル開発への道 (13) - HTML5 のグローバル属性
- 黄舟オリジナル
- 2017-01-22 11:38:071650ブラウズ
1. accssskey ショートカット キー
<!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>
興味のある友達は、Alt + g と Alt + w を押して試してみてください
Xiaoqiang の HTML5 モバイル開発ロード
Android 新人のための成長ノート
注: Alt + を使用してくださいaccessKey は、ショートカット キーで要素にアクセスするためのキーです。
このタグには、HTML4 と HTML5 の違いはありません。
2. class 属性は要素のクラス名を指定します
<!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>
<!DOCTYPE HTML> <html> <body> <p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p> </body> </html>これは編集可能な段落です。テキストを編集してみてください。 contenteditable 属性は、HTML5 の新しい属性です
<!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. dir 属性は要素コンテンツのテキストの方向を指定します。
<p dir="rtl">Write this text right-to-left!</p>値は、 Ltrのテキストの方向を左から右に記述します。 rtl 右から左へのテキスト方向。 auto コンテンツに基づいてブラウザにテキストの方向を決定させます。テキストの方向が不明な場合にのみ推奨されます。 6. draggable 属性は、要素をドラッグできるかどうかを指定します。
値-「」」」 s'‑'‑''''''''''- アウトのアウトの'''''- アウトセット。
現在、dropzone 属性をサポートする主要なブラウザはありません。
8. hidden 属性は、要素が非表示であることを指定します。hidden 属性は HTML5 の新しい属性です。
9. id 属性は HTML 要素の一意の ID を指定します
<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. lang 属性は要素のコンテンツの言語を指定します。
言語
ISOコード
バシキール ba バスク eu ベンガル語 (バングラ) bn ブータニ dz ビハリ bh ビスラマ bi ブルトン br ブルガリア bg ブルムわたしの 白ロシア語 (ベラルーシ) は カンボジア km
です
カタルーニャ語 ca チェロキー語 チェワ語 中国語 (簡体字) zh 中国語 (繁体字) zh コルシカ語 co クロアチア語 hr チェコ語 Daニシダディベヒオランダ語nl江戸英語 en エスペラント語 eo エストニア語 et フェロー語 ファルシ語 フィジー fj フィンランド語elic (スコットランド) ゲール語 (マンクス語) gv グルジア語 ka ドイツ語 de ギリシャ語 el グリーンランド語 kl グアラニ語 グジャラート語 ハウサ語 ハワイ語 ヘブライ語 he, iw ヒンディー語 hi
ハンガリー語 hu
Ibibio
アイスランド語 is
イボ語
インドネシア語 id, in
インターリングア ia
イヌクティ イヌピアク ik アイルランド語 ga イタリア語 it 日本語 ja ジャワ語 jv カンナダ語kn カヌリ カシミール ks カザフ語 kk ルワンダ（ルワンダ） キルギ語
Ki ) rn
コンカニ語 韓国語 ko クルド語 ku ラオス語ラテン語 la ラトビア語（レット語） lv リンブルフ語 (リンブルガー語) li リンガラ語 ln リトアニア語
マクソン語
mg マレー語 ms マラヤーラム語 ml マルタ語 mt マオリ語 mi マラーティー語 mr モルダビア語 mo モンゴル語 mn ナウル na ネパール語 ne ノルウェー語 🜎オリヤ または
オロモ語（アファン、ガラ） om
パピアメントゥ
パシュトゥー語 (プシュトー語) ps
ポーランド語 pl
ポルトガル語 pt
パンジャブ語 pa
Quechua Quechua Quechua sl
somaliso
spanishessundanesesu
swahili（kiswahili）sw
sweedishsv
syriac
tagalogtlタイ語 th
チベット語 bo
ティグリニャ
トンガ から
ツォンガ語 ts
トルクメン語 tk
Twi
Uigh
an ウクライナ uk ウルドゥー語 ur ウズベク語 uz ヴェンダ ベトナム語vi ヴォラプクvo ウェールズ語 cy ウォロフ語 wo コーサ語 xh イ イディッシュ語 イー、ジ ヨルバ語 yoZulu
十一、スペルチェック属性により、元のコンテンツの書き込み検査が行われるかどうかが決定されます。
textarea元素中の值
可セキュリティ要素内の値
spellcheck プロパティは、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>
以上就是 小强的HTML5移动开发之路（13）——HTML5中的全局属性的内容，更多相关内容请关注PHP中文网（www.php.cn）！