HTML5 の新しい属性: 5 つのグローバル属性の紹介

HTML5 には、HTML にはない新しい属性、グローバル属性があります。名前が示すように、グローバル属性は任意の要素で使用できる属性を指します。次の記事では、一般的に使用される 5 つのグローバル属性を紹介します。

contentEditable プロパティ

contentEditable は Microsoft によって開発されました。逆コンパイルされて他のブラウザで使用されるグローバル プロパティ。その主な機能は、ユーザーが要素のコンテンツを編集できるようにすることです。編集される要素はマウス フォーカスのある要素である必要があり、クリック後にキャレットが表示され、要素のコンテンツが許可されていることをユーザーに通知する必要があります。編集される予定です。 contentEditable プロパティは、true または false として指定できるブール値のプロパティです。この属性には、隠し属性の継承状態もあります。true の場合、ユーザーは編集できます。指定されていない場合、要素は継承によって決定されます。状態。親要素が編集可能であれば、要素も編集可能です。サポートされている contentEditable 属性要素には、A、DD、DIR、DIV、BUTTON、FORM、DL、DT、FONT、DFN、hn、CODE、ABBR などが含まれます。

designMode 属性

designMode 属性の主な機能は、ページ全体が編集可能である場合、contentEditable 属性をサポートするページ内のすべての要素が編集可能になることです。 designMode 属性には「on」と「off」の 2 つの値があります。属性が「on」の場合、ページは編集可能です。属性が「off」の場合、ページは編集できません。ただし、各ブラウザのサポートは異なります。IE8 は designMode 属性をサポートしませんが、IE9 は designMode 属性をサポートし、fixfox ブラウザと Opera ブラウザは designMode 属性をサポートし、Chrom ブラウザと Safari ブラウザは埋め込みフレームの designMode 属性をサポートします。

hidden属性

HTML5のすべての要素はhidden属性を使用できます。これは、入力要素の hidden 属性に似ており、要素を非表示にします。 hidden 属性が true に設定されている場合、要素は非表示になり、hidden 属性が false に設定されている場合、要素は表示されます。

spellcheck 属性

Spellcheck 属性は、主に 2 つのテキスト入力ボックス、input 要素と textarea に提供される新しい属性です。その機能は、入力コンテンツのスペルと文法をチェックすることです。これには特別な機能があり、属性値は true または false を宣言する必要があります。要素に readonly 属性があるか、disabled 属性が true の場合、スペル チェックは実行されません。 Firfox、IE、Chrome、Safari などのブラウザはすべてこの属性をサポートしています。

tabindex属性

tabindexは、プログラム開発の概念において、Tabキーを連続的にタップしてウィンドウまたはページ内のコントロールにフォーカスを取得し、ウィンドウ内のコントロールを横断することを意味します。各コントロールのtabindexは、どのコントロールかを示します。 1 つはアクセスされます。この属性は以前は Web ページを編集するときに便利でしたが、現在は要素の位置に基づいて走査順序が決定されるため、必要なくなりました。ただし、tabindex にはリンク要素とフォーム要素のみがキーストロークによってフォーカスを取得できる機能があります。要素で tabindex 属性を使用すると、 focus() ステートメントが実行されると、その要素もフォーカスを取得できます。しかし、問題が発生します。要素はタブを通じてフォーカスを取得しますが、現時点では、要素にフォーカスを取得することは望ましくありません。

この問題は、要素の tabindex 値を負の数に設定することで解決できます。 tabindex が負の値の場合、要素はプログラムによってフォーカスされますが、Tab キーが押されたときに要素はフォーカスされません。これは、複雑なページで非常に便利です。 HTML5 でのこの属性の賢明な使用は、大きな役割を果たします。

関連する推奨事項:

HTML5 の新しい属性

html5_html5 チュートリアルのヒントの新しい属性と廃止された属性の概要

以上がHTML5 の新しい属性: 5 つのグローバル属性の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。