個人的「質はともかく継続する」２日目です。
HTML5でマイナーなタグをcopilotに聞いてみた
最近、新人さんにHTMLを教える機会がありました。
Github copilotも使ってもらいながら作ってもらったのですが、
なるほど新人さんと経験者ではcopilotの使い方ひとつとっても違うなぁと感じる機会があったのですが、
それはまた別の機会に。
今日はその時にふと、HTML5であまり知られてないマイナーなタグって何があるのだろう、
ベテランほど知らないタグがあるんじゃないだろうか、
そう思ってcopilotに聞いてみたところ、なるほどーというのがあったので、いくつかをご紹介。
<datalist>
まずは実例
See the Pen datalist by pluscolor (@pluscolor) on CodePen.
このタグは、ユーザーのインプットを助けるようなタグです。
インクリメンタルサーチ、オートコンプリートですね。
実例で言えば、「J」と入力すると候補を出してくれます。
<meter>
まずは実例
See the Pen Untitled by pluscolor (@pluscolor) on CodePen.
このタグは設定値に応じたインジケーターを表示してくれます。
value(現在の値)、min(最小値)とmax(最大値)に加えて、low(この値よりも低い)・high(この値よりも高い)という数値が設定できます。
設定した数値とvalue値とを比較して、状態に応じてバーのカラーが変わるようです。
ただちょっと分かりづらいのが、最後の赤色のバー。
どうもこれ、lowとhighの差によって変わるようです。
この例だと、lowとhighの差が２９、かつvalueの値がhighより大きいと赤いバーになる様子。
どういうルールなんだろう？
おわり
ということで、Github Copilotに教えてもらったマイナータグから２つご紹介しました。
MDNを眺めていると面白そうなタグが他にもあったので、少しづつ深堀りしてみてもいいかな。