HTML6:それは何で、いつ到着しますか?

HTMLの例
(画像クレジット:Matt Crouch)

HTML6はいつ期待できますか?さて、HTML仕様の変更を推進する標準化団体であるWHATWGは、標準化への「生きたドキュメント」アプローチを実装することを決定しました。つまり、「HTML6」と呼ばれるものが大規模な更新になる可能性は低いですが、より頻繁に発生する仕様への小さな変更で構成される可能性が高くなります。

ただし、HTML仕様は常に改訂され、改善されています。ブラウザベンダーは、より広い世界にリリースするための最新機能の実装に常に忙しくしています。つまり、常に新しいことを試してみることができます(おそらく、最高の機能の1つを試すことと並行して) ウェブサイトビルダー )。注目に値する変化があります。2人のゲームチェンジャーを読んでください。

あなたがここにいる間、あなたはまた私たちの初心者向けガイドを探索したいかもしれません HTMLタグ 、または私たちの選択を閲覧する 最高のHTMLAPI 。さらに、プロセスをさらに改善するには、 ウェブホスティング サービスはあなたにぴったりで、あなたのメディアはすべて安全にトップにバックアップされています クラウドストレージ オプション。



ネイティブモーダル

ブラウザに移行する1つの変更は、 素子。これは、多くのサイトで一般的なデザインパターンであるJavaScriptを利用したモーダルウィンドウとネイティブに同等の機能を果たします。

This is a HTML-powered dialog box.

を切り替えることで開閉できます 開いた 属性。デフォルトでは、ページ内の配置された場所の上にホバリングが表示されます。その呼び出し openModal JavaScriptを介したメソッドは、より使い慣れたモーダルのようなインターフェースを使用します。

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

モーダルダイアログ内のフォームは、 方法 の属性 ダイアログ 、値を送信し、値をダイアログオブジェクト自体に返します。これは アクションやその他の小さな相互作用を確認するための優れたツール。

この要素は標準化されており、現在、ChromeとSamsungのインターネットブラウザのみが完全にサポートされています。ないものでもダイアログの内容は表示されますが、代わりにページ内に配置されます。

よりスマートなメニュー

一部のWebアプリケーションでは、ユーザーがインターフェイス内でアクションのグループを実行できます。これらは、リストへのアイテムの追加など、何らかの形で現在のページに影響を与えます。

以前は、これらはとしてマークアップされていました

    –ユーザーが実行できるアクションの順序付けられていないリスト。ながら
      表示アイテムのリストを対象としているため、インタラクティブな要素には最適ではありません。

    • Cut
    • Copy
    • Paste
    • メニューには一連のアクションが含まれています。 それらの中の要素。それ以外は、 要素は、通常のアイテムのリストと同じように機能します。ブラウザの採用が進むにつれて、支援技術がこれらのインタラクティブな要素をより簡単に見つけるのに役立つ可能性があります。

      仕様には常に小さな変更が多数含まれており、ブラウザに反映されています。各ブラウザの更新ページを監視し、 WHATWGの生活水準

      この情報は、もともとWebDesignerマガジンに掲載されていました。すべてを探索する Webデザイナーの記事 CBで。

      続きを読む: