使用頻度の高くなる新仕様

勧告されてから、今までのバージョンではできなかったこともシンプルな作業で出来てしまうと人気を集めているＨＴＭＬ５ですが、新しく追加された機能である対話要素についてを少し見て行きたいと思います。
対話要素の中の、３つの要素について説明していきますね。

まずはdatagridですが、これはどういったときに利用することのできる要素なのでしょう。
ホームページの中のツリー、またはリストや表といったものを表示する際、パッと見た段階では大きなカテゴリーだけが表示してあり、気になる部分をクリックすることによってそのまた下の階層にあるメニューが表示されるような仕様がありますよね？

ＨＴＭＬ４までにはこういった仕様を実現するための機能がなかったのですが、この仕様をＨＴＭＬ５では実現できるようになりました。
機能の実装が可能となったのです。

datagridというのはその名の通り、グリッドを成業するために使用する要素です。
方法としてはTableという表などを作成するためのタグがありますが、このtableやselect要素などからまずはデータの中身を取得しておきます。

取得が完了したら、ユーザーの何らかの操作やアクションによってその内容を表示にするか、または非表示にするか、という部分を細かくコントロールします。
表示する場合には「どのように」表示するのかという部分まで細かくコントロールできるというのがＨＴＭＬ５におけるポイントでしょう。

このように高い対話性が実現することによって、ユーザーはその各種ツリー、表、リストなどを閲覧するときのイメージというものを掴みやすくなるんですね。

さて、残りの２つの要素は「menu」と「command」で、ＨＴＭＬ５の新仕様の中でも特に視覚的な要素なので、利用する頻度がとても高くなりそうです。
ホームページにある入力フォームにはいろいろな種類がありますが、その中でも設問タイプのようなもの、それを実現させてくれるのがこの２つの要素です。

選択肢の中から該当するものをチョイスするアンケート形式の入力フォームなどで、ユーザーが選択肢のひとつである項目をクリックすることによって、何かしらのアクションを起こることが出来るのが「menu」と「command」いうわけですね。

細かい属性が用意されている要素もＨＴＭＬ５には少なくないのですが、この「menu」と「command」も細かな属性を利用してより凝った表現もできるようになっています。

関連ページ

加えられた要素によって何が可能になった？

これからのWEB制作はhtml５とcss３が主流になります。気になる情報についてご紹介。

新たに追加された画期的な要素とは？

これからのWEB制作はhtml５とcss３が主流になります。気になる情報についてご紹介。

タグという要素を活用しよう

これからのWEB制作はhtml５とcss３が主流になります。気になる情報についてご紹介。

使い勝手の良い新たな３つのタグについて

これからのWEB制作はhtml５とcss３が主流になります。気になる情報についてご紹介。

新要素、ヘッダーとフッター

これからのWEB制作はhtml５とcss３が主流になります。気になる情報についてご紹介。

情報の構造化に役立つ新しいタグとは

これからのWEB制作はhtml５とcss３が主流になります。気になる情報についてご紹介。

専用タグによる文章の構造化でより快適に

これからのWEB制作はhtml５とcss３が主流になります。気になる情報についてご紹介。

ナビゲーションを容易にするタグ

これからのWEB制作はhtml５とcss３が主流になります。気になる情報についてご紹介。

脚注を更に便利にする新たなタグ

これからのWEB制作はhtml５とcss３が主流になります。気になる情報についてご紹介。

対話性強化とオーディオの埋め込み要素

これからのWEB制作はhtml５とcss３が主流になります。気になる情報についてご紹介。

埋め込み要素とはどんなもの？

これからのWEB制作はhtml５とcss３が主流になります。気になる情報についてご紹介。

文字や数字に意味を持たせる新要素

これからのWEB制作はhtml５とcss３が主流になります。気になる情報についてご紹介。

廃止されてしまった要素とは

これからのWEB制作はhtml５とcss３が主流になります。気になる情報についてご紹介。

細かな意味を数字に与える

これからのWEB制作はhtml５とcss３が主流になります。気になる情報についてご紹介。

処理の進行状況を示すタグ

これからのWEB制作はhtml５とcss３が主流になります。気になる情報についてご紹介。