HTML6：それは何であり、いつ到着するのですか？

HTML6 はいつ登場するのでしょうか。 HTML 仕様への変更を推進する標準化団体である WHATWG は、標準化に対して「生きたドキュメント」アプローチを実施することを決定しました。 つまり、私たちが「HTML6」と呼ぶものは、大規模なアップデートではなく、より頻繁に行われる仕様への小さな変更で構成される可能性が高いということです。

しかし、HTML 仕様は常に改訂され、改善されています。 ブラウザ ベンダーは、より広い世界にリリースするための最新機能の実装に常に忙しく、私たちは常に新しいものを試すことができます (最高の Web サイト ビルダーを試すのと同時にかもしれませんが)。 注目すべき変更があります。

ここにいる間に、HTML タグについての初心者向けガイドを調べたり、最高の HTML API を選んで閲覧したりすることもできます。 さらに、プロセスを改善するために、Web ホスティング サービスが最適であること、および、メディアがすべてトップクラスのクラウド ストレージ オプションに安全にバックアップされていることを確認します。 これは、多くのサイトで一般的なデザイン パターンである、JavaScript を使用したモーダル ウィンドウと同等のネイティブなものとして機能します。 デフォルトでは、ページ内に配置された場所の上にホバーリング表示されます。 JavaScript で openModal メソッドを呼び出すと、より親しみのあるモーダルのようなインターフェイスが使用されます。

デフォルトでは、背景は灰色になり、その下のコンテンツはインタラクティブではなくなります。

<dialog> <form method="dialog"> <input type="submit" value="Yes" /> <input type="submit" value="No" /> </form></dialog>

モーダルダイアログ内のフォームは dialog の method 属性を持ち、値を送信してその値を dialog オブジェクト自身に返します。 これにより、<dialog> はアクションの確認やその他の小さなインタラクションのための素晴らしいツールになります。

この要素は標準化されており、現在、Chrome と Samsung Internet ブラウザのみが完全なサポートを持っています。 そうでないものはダイアログのコンテンツを表示しますが、代わりにページ内に配置されます。

Smarter menus

一部の Web アプリケーションでは、ユーザーがそのインターフェイス内でアクションのグループを実行することができます。 これらは、リストへのアイテムの追加など、何らかの形で現在のページに影響を与えます。 <ul> は表示アイテムのリストのために意図されていますが、インタラクティブな要素には最適ではありません。

<menu type="toolbar"> <li><button>Cut</button></li> <li><button>Copy</button></li> <li><button>Paste</button></li></menu>

メニューはアクションのセットを保持し、それはそれらの中の <button> 要素によってトリガーされるでしょう。 それ以外は、<menu> 要素は項目の通常のリストと変わりなく動作します。 ブラウザの普及が進むにつれて、支援技術がこれらのインタラクティブな要素をより簡単に見つけるのに役立つかもしれません。 各ブラウザのアップデート ページに注目し、WHATWG のリビング スタンダードに目を通してください。 Web Designer のすべての記事を CB でご覧ください。

• 使用する必要がある 8 つの HTML タグ（および避けるべき 5 つ）
• プラットフォーム間で UX を統一する方法
• 見事な視差スクロールのウェブサイト 16 件