ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML_html/css_WEB-ITnose の 16 個のグローバル属性

HTML_html/css_WEB-ITnose の 16 個のグローバル属性

WBOY
WBOYオリジナル
2016-06-24 11:32:061238ブラウズ

ディレクトリ [1]accesskey [2]class [3]dir [4]id [5]lang [6]style [7]tabindex [8]title [9]contenteditable [10]contentmenu [11]data- * [12] ドラッグ可能 [13] ドロップゾーン [14] 非表示 [15] スペルチェック [16] 翻訳

前の単語

HTML では、属性は非常に豊富なセマンティクスを表現でき、属性は HTML をサポートする多くの実用的な機能も提供します。 16 の共通グローバル属性。

HTML オリジナル属性

accesskey

機能: ブラウザーは、要素をアクティブ化またはフォーカスするためのショートカット キーを作成するために使用します

値: O

などのキーボード文字

スコープ: この属性をサポートする要素は < です;a>、03fc64e1e502d5ba947b3a9af06d2d2a、bb9345e55eb71822850ff156dfde57c8、d5fd7aea971a85678ba271703566ebfd、2e1cf0710519d5598b1f0f14c36ba674、e911751791aa3ba95dc724e2fb905976、4750256ae76b6b9d804861d8f69e79d3

注: この属性の使用は、リンクを開くときにブラウザによってブロックされる可能性があります。新しいウィンドウで

<div>    <a href="http://www.baidu.com" accesskey="b">百度</a>    <a href="http://www.taobao.com" accesskey="a">阿里</a>    <a href="http://www.qq.com" accesskey="t">腾讯</a>        <p>快捷键(alt+b)可以跳转到百度;快捷键(alt+a)可以跳转到阿里;快捷键(alt+t)可以跳转到腾讯</p></div>
E

Class

: 要素の 1 つ以上のカテゴリ名の標準値: 複数のカテゴリ名はスペースで区切られます

注: クラス名は数字で始めることはできません

Dir

テキストの方向

値: ltr/rtl/auto

id

機能: 要素の一意の識別子を指定します

注:ブラウザ内で複数の ID 名がある場合、CSS スタイルはすべての ID 名に適用されます。ただし、JS スクリプトは、ID 名が表示される最初の要素にのみ有効です。要素コンテンツの言語を指定します

値: en English/zn Chinese

style

機能: : 要素のインラインスタイルを設定します

tabindex

機能: 要素のタブキーの順序を指定します

値: c3dead2c5894033624ca9ad4c59726ee 要素内の固有の ID

data-*

機能: ページまたはアプリケーションのプライベートのカスタマイズされたデータを保存するために使用されます

注: 属性名には大文字を含めることはできません。接頭辞「data-」の後には属性値を少なくとも 1 文字続ける必要があります。任意の文字列

使用法: すべてのブラウザで getAttribute メソッドを使用して data-* 属性の値を取得できます。また、JavaScript で dataset 属性を使用して data-* 属性の値にアクセスできますが、IE10 ブラウザではそのようなことはできません。データセットのサポート

ドラッグ可能 (IE8 はサポートされていません)

機能: ユーザーが要素をドラッグできるかどうか

値: true/false/auto

注: リンクと画像はデフォルトで使用可能です ドラッグ

dropzone (すべてのブラウザでサポートされているわけではありません)

機能: ドラッグしたデータをコピー、移動、またはリンクするかどうかを指定します

値: コピー/移動/リンクは元のデータを指します リンク

非表示 (IE7 はサポートされていません)

機能: 要素の表示または非表示 (display:none と同じ)

値: true/false

spellcheck (IE9 非サポート)

機能: 要素のスペルと文法をチェックするかどうかを指定します。スペルミスの単語の下に行が表示されます

範囲: 編集可能領域 (フォームまたは contenteditable 要素)

値: true/false

注: モバイルサポートが悪い

翻訳 (すべてのブラウザでサポートされているわけではありません)

機能: を指定します要素のコンテンツを翻訳するかどうか

値: はい/いいえ

🎜 🎜 🎜 🎜
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。