使い方がわからない5つのHTML要素

よく知られているが未知の、あるいは全く新しいこと HTML構文の一部を見逃す それは私たちができる重要な知識であることが判明するかもしれません よく使う. それが理由かどうか HTMLの新機能 または あまり知られていないアプリケーション まだあなたのレーダーに入っていない、我々はこのサイトでそれらをかなり頻繁にカバーする.

今日の記事では、5つのHTML要素を調べます。そのうちのいくつかはよく使用しますが、 おそらくその潜在能力が十分に発揮されていない.

1.

の素子 と同様の機能を持っています データ-* 属性. それはに使用することができます 機械可読データを提供する ユーザーフレンドリーなコンテンツのために。の 値 この要素の属性は追加情報を運ぶ.

ロードオブザリングの小説の3巻は以下のとおりです。リングの交わり, 二つの塔, そして王の帰還.

このページに記載されている本のISBN：

上記のHTMLでは、 ISBN 各本の に追加 値 の属性素子 それは本のタイトルを囲みます。書籍市場では、ISBNは書籍を一意に識別するために使用されます。.

 const ISBNListBlank = document.querySelector（ '＃ISBNListBlank'）const dataElements = document.querySelectorAll（ 'data'）; const ary = []; dataElements.forEach（（dataElement）=> ary.push（dataElement.textContent + '：' + dataElement.value））ISBNListBlank.textContent = ary.join（ '、'）

を抽出する方法をおおまかに示すために JavaScriptの値、上記のスクリプト からISBNを抽出します。タグ ページの指定された場所に、書籍のタイトルとともに表示します。.

2.

おそらくあなたはすでにに精通している要素だけど チェックボックスだけではありません. できる 他のコントロール ラベル付き 要素 同様に、チェックボックスのアクションを実行するのと同じように、それらのアクションを実行する.

あなただけが必要です 同じ値を使う のために id 制御したいHTML要素の属性 にとって 所属の属性タグ.

  このテキストをクリックすると下のボタンがクリックされます.

のテキストをクリック意志 を引き起こす クリック のイベント

使い方がわからない5つのHTML要素

1.

2.

3.

4.

5.