HTML 5.2について簡単に

親愛なる同僚、こんにちは。



2017年12月14日にW3CブログがHTML 5の新しいバージョンのリリースを発表したという事実により、主な技術革新について簡単に説明します。



ノベーション



  1. モジュラーJavaScriptサポート



    私の意見では、最も興味深く、期待される革新は、最新のECMAスクリプト標準のモジュラー構文のサポートに関連しています。



    使用方法は次のとおりです。



    <script type="module"> import { app } from './app'; app.run(); </script>
          
          





    インポートされた各スクリプトがドキュメントまたはWebワーカーごとに1回しかロードされないようにするために、次のいずれかの値を持つ参照レコードを含むモジュールマップが実装されます。



    -直接モジュールスクリプト(モジュールスクリプト);

    -失敗したダウンロードを示すために使用されるnull。

    -フェッチは一時的なプレースホルダーです。



    ファイルパスは最初にリンクパーサー(URLパーサー)に渡され、パスを解決するために正しい値が使用されます。 重複するパスは無視されます。



    パスが文字「/」、「./」または「../」で始まらない場合、エラーが返されることに注意してください。 これは、将来のベアインポートの実装が計画されているためです。



    通常のスクリプトとは異なり、不正なMIMEタイプはモジュール式スクリプトに関してエラーになることに注意してください。

  2. <dialog>要素



    <dialog>タグは、ポップアップウィンドウとモーダルウィンドウを作成するために設計されたウィンドウまたはコンテナを定義します。 標準のhtml属性に加えて、このタグは、要素がアクティブであり、ユーザーが操作できるかどうかを通知する1つのブール属性にアクセスできます。 標準のプロパティとメソッドに加えて、<dialog>オブジェクトはJavaScriptオブジェクトとして次のプロパティを受け取りました。



    -オープン-ゲッター/セッター-要素がアクティブかどうか。

    -returnValue-getter / setter-要素によって返される値、

    メソッドと同様に:

    -close()-要素を閉じます。

    -open()-要素を表示します。

    -showModal()は、要素を表示し、最上位の要素に合わせてモーダルにします。

  3. <link>のノンス属性



    <link>要素は、 ナンス属性を受信しました。これは、<link>で指定された外部リソースがロードされ、ドキュメントに適用されるかどうかを判断するために使用できる暗号ノンス(「この場合は特別」)です。

  4. <iframe>要素



    <iframe>要素は、Payment Request APIと統合するための新しいallowpaymentrequest属性と、Presentation APIと統合するためのsandbox属性の新しい値の2つの変更を一度に受け取りました。



標準から削除



  1. 要素<keygen>、<menu>および<menuitem>;
  2. テキスト<input>のinputmode属性、およびdropzone属性。
  3. showModalDialogメソッド


標準の観点から有効





標準に準拠しなくなった





変更の詳細については、W3C勧告の変更セクションをご覧ください。



All Articles