Xiaoqiang の HTML5 モバイル開発への道 (13) - HTML5 のグローバル属性-H5 チュートリアル-php.cn

Xiaoqiang の HTML5 モバイル開発への道 (13) - HTML5 のグローバル属性

黄舟

リリース： 2017-01-22 11:38:07

オリジナル

1632 人が閲覧しました

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>

ログイン後にコピー

Xiaoqiang の HTML5 モバイル開発への道 (13) - HTML5 のグローバル属性

興味のある友達は、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>

ログイン後にコピー

Xiaoqiang の HTML5 モバイル開発への道 (13) - HTML5 のグローバル属性

3. contenteditable 属性は要素のコンテンツを編集できるかどうかを指定します

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

ログイン後にコピー

これは編集可能な段落です。テキストを編集してみてください。

contenteditable 属性は、HTML5 の新しい属性です

4. contextmenu 属性は、要素のコンテキストメニューを指定します。このメニューは、ユーザーが要素を右クリックすると表示されます。現在、主要なブラウザーは 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. dir 属性は要素コンテンツのテキストの方向を指定します。

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

ログイン後にコピー

値は、

Ltrのテキストの方向を左から右に記述します。

rtl 右から左へのテキスト方向。

auto コンテンツに基づいてブラウザにテキストの方向を決定させます。テキストの方向が不明な場合にのみ推奨されます。

6. draggable 属性は、要素をドラッグできるかどうかを指定します。

値-「」」」 s'‑'‑''''''''''- アウトのアウトの'''''- アウトセット。

false 要素がドラッグできないことを指定します。

auto ブラウザのデフォルト機能を使用します。

現在、ドラッグ可能属性をサポートしているのは Firefox、Chrome、Safari のみです。

7. ドロップゾーン属性は、要素にドラッグアンドドロップしたときに、ドラッグされたデータがコピー、移動、またはリンクされるかどうかを指定します。

現在、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 639-1 は、さまざまな言語の略語を定義しています。これらは、HTML および XHTML の lang 属性および xml:lang 属性で使用できます。

言語

ISOコード

アブハズ語 ab ab

アファール aa af

アルバニア語 sq

アムハラ語 am

アラビア語 arアルメニア語 hy

アッサム語

アイマラ ay

アゼルバイジャン az

バシキール 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

リトアニア語

マクソン語

マレー語 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

イ

イディッシュ語イー、ジ

ヨルバ語 yo

Zulu

十一、スペルチェック属性により、元のコンテンツの書き込み検査が行われるかどうかが決定されます。

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>

ログイン後にコピー

Xiaoqiang の HTML5 モバイル開発への道 (13) - HTML5 のグローバル属性