開発者が今後のHTML6に期待する12の機能

公開: 2017-01-17

HTML5は、開発者の間で驚異的な成功を収めています。 <article><section><header>などの新しいタグを使用して、開発者がより適切な方法でコンテンツを整理できるようになりました。

開発者は、 <link><script>などのタグのtype属性を自由に使用できます。 HTML5はWebプログラミングにパラダイムシフトをもたらしましたが、Web上でのネイティブアプリの開発やその他の問題には制限があります。

開発者として、あなたは常に効果的で効率的なWebソリューションを提供したいと考えており、HTML6はこの目標の達成に役立つことが期待されています。 したがって、世界中の開発者はHTML6を採用することを熱望しています。 HTML6の期待される機能がWeb開発ドメインをどのように変えるかを見るのは興味深いことです。

今後のHTML6に対する開発コミュニティからの最も人気のある期待のいくつかを次に示します。

エクスプレスタグ

HTML6は、エクスプレスタグを使用して開発者を支援する可能性があります。 <logo></logo>を使用して、Webページにロゴを割り当てることができます。 同様に、 <sidebar></sidebar>タグと<navigation></navigation>タグは、それぞれサイドバーとナビゲーションを統合します。

また、 <div>タグは複数のIDを使用せずに使用できます。 たとえば、 <div id='container'>および<div id='wrapper'>と書く代わりに、単に<container>または<wrapper>を使用できます。

XMLのような名前空間

HTML6には、XMLのような構造の名前空間が付属することが期待されています。 このような名前空間は、開発者が別のタグと競合することなく同じタグを使用するのに役立ちます。 つまり、HTML6には、定義されたタグに加えて、目的のタグを使用できるという利点があります。

HTML6ドキュメント

[xhtml]
<!DOCTYPE html>
<html:html>
<html:head>
<html:title> HTML6の概要</ html:title>
<html:meta type = "title" value = "ページタイトル">
<html:meta type = "description" value = "名前空間を使用したHTMLの例">
<html:link src = "css / mainfile.css" title = "Styles" type = "text / css">
<html:link src = "js / mainfile.js" title = "Script" type = "text / javascript">
</ html:head>
<html:body>
<ヘッダー>
<ロゴ>
<html:media type = "image" src = "images / xyz.png">
</ロゴ>
<nav>
<html:a href = "/ img1"> a1 </a>
<html:a href = "/ img2"> a2 </a>
</ nav>
</ header>
<コンテンツ>
<記事>
<h1>主要記事の見出し</ h1>
<h2>主要記事の小見出し</ h2>
<p> […] </ p>
<p> […] </ p>
</ article>
<記事>
<h1> HTML6の概念</ h1>
<h2>基本を理解する</ h2>
<p> […] </ p>
</ article>
</ content>
<フッター>
<著作権>このサイトは&copy; 匿名2017へ</ copyright>
</フッター>
</ html:body>
</ html:html>
[/ xhtml]

このドキュメントには、奇妙な<html: x>タグがいくつかあります。 これらは、W3CおよびHTML6仕様に属する名前空間要素であり、ブラウザーイベントをトリガーするのに役立ちます。 たとえば、 <html: title>はブラウザのタイトルバーを変更し、 <html: media>は定義された画像がブラウザ画面に表示されるのを助けます。 これらの要素はブラウザとは何の関係もありません。 これらにより、開発者はサンプルコードをよりセマンティックにすることができます。

追加のビデオオブジェクトコントロール

HTML6は、ユーザーのビデオエクスペリエンスを向上させるために、ビデオオブジェクトをより細かく制御できるようにします。 開発者は圧縮コーデックを取り除くことはできませんが、さまざまな圧縮アルゴリズムで調整することができます。

より優れたコールバックフックと同期メカニズムとともに、ページへのビデオフレームのペイントをより細かく制御できることが期待されます。 今後のHTMLバージョンでは、DOMとビデオを混在させる機能も期待できます。

[xhtml]
<! –簡単なビデオの例–>
<video src = "videofile.webm" autoplay Poster = "posterimage.jpg">申し訳ありませんが、お使いのブラウザは埋め込み動画をサポートしていませんが、<ahref = "videofile.webm">ダウンロード</ a>そしてお気に入りのビデオプレーヤーでそれを見てください!
</ビデオ>

<! –字幕付きのビデオ–>
<video src = "foo.webm">
<track kind = "subtitles" src = "foo.en.vtt" srclang = "en" label = "English">
<track kind = "subtitles" src = "foo.sv.vtt" srclang = "sv" label = "Svenska">
</ビデオ>
[/ xhtml]

専用の豊富なライブラリ

JQueryは、標準ライブラリに関してJavaScriptの世界を変革しました。 HTMLの次の標準は、ブラウザで配布される保証されたライブラリを思い付く可能性があります。 キャッシュされたバージョンのjQuery1.9を更新する際に、より多くの時間を節約できます。 言い換えれば、ライブラリのキャッシュ可能なバージョンが間もなく登場します。 多くの設計者が特定のライブラリを使用している場合、それは新しいHTML6バージョンでブラウザとともに配布される可能性があります。

改善された注釈

注釈は、記事のベースにあるコメントセクションに限定されるべきではありません。 標準構造では、段落、文、および単語に注釈を追加できます。 ビデオ内の画像や瞬間でさえ、洗練されたバージョンで注釈を付けることができます。 APIの標準化により、すべてのWebサイトとブラウザーで基本的な注釈を同じように扱うことができます。 開発者コミュニティは、改善された注釈オプションを待っています。

カメラ統合

カメラは、自宅やオフィスでのやり取りにおいて重要な役割を果たします。 HTML6は、さまざまな方法でデバイス上のすべてのメディアコンテンツを許可することが期待されています。 ブラウザ、フォーム、またはその他のシステム全体でカメラをより細かく制御できる可能性があります。 画像キャプチャ、オンザフライフィルタリング、カメラエフェクトは、対処できる側面の一部です。 もう1つの可能性は、パノラマ画像とHDRの作成を容易にしながら、ビデオと写真の両方に複数の形式を許可することです。

より厳しい認証

認証に関しては、ブラウザはより多くの機能を提供できます。 たとえば、Cookieを使用する代わりに、ブラウザは、強化されたチップに保存できる埋め込みキーを使用してトークンに署名することを提案できます。 それは人々(読む:ハッカー)が秘密鍵を介してアクセスするのを防ぎます。 APIをブラウザに追加して、Webサイトがより優れたデジタル署名を要求できるようにすることができます。 ある意味で、セキュリティを強化するために認証が強化される可能性があります。

Microformats

住所の一部や電話番号などの一般的な詳細は、HTML6のmicroformatsと呼ばれる標準的な方法を使用して指定できます。 標準のタグセットを使用して、Webクローラーと検索エンジンから迅速な応答を得ることができました。 開発者は、場所、日付、時刻、参考文献、および詳細情報を作成するためのすべての形式の標準データに対して、より包括的なマークアップを使用できます。 国別の電話コードも期待できます。 開発者は、日付形式を柔軟に変更することも求めています。 現在、デフォルトで米国の設定に設定されています。 ある意味で、マイクロフォーマットはHTML6でより強力で柔軟になります。

プリプロセッサ

プラグ可能なプリプロセッサをHTML6に統合して、言語をJavaScriptに変換することができます。 現在、Lisp、Python、Ruby、Erlang、Scala、およびその他の多くの言語をJavaScriptにコンパイルでき、次のHTMLバージョンでは、この目的を果たすためのプリプロセッサーを導入できます。 これらの言語のいずれかをJavaScriptにクロスコンパイルすると、インターネット経由で簡単にパイプできる小さなバージョンが生成されます。 HTML5はJavaScriptの一般的なバージョンであり、ローカルマシンのコード最適化を困難にします。

プラグ可能な言語

今後のバージョンのHTMLで、プラグイン可能な言語セットの登場を除外することはできません。 これにより、開発者により多くの設計の選択肢を提供しながら、柔軟性が向上します。 JavaScriptは広範囲にわたって継続する可能性がありますが、将来的には特殊な言語を使用した特殊な拡張機能が登場する可能性があります。 開発者は、需要を満たすために一連のコードを生成できるHTMLタグも必要としています。

自動ブラウザ-画像のサイジング

画像の外観は、デバイスの種類やウィンドウのサイズなど、さまざまな側面によって異なります。 HTMLの標準の<img>タグには、画像の表示中にブラウザに問題を引き起こす可能性のあるSRCが1つだけあります。 ただし、より優れたHTMLプロトコルは、画像に必要な幅または高さを提案し、サーバーは最適な解像度を提供できます。 ある意味で、画像のブラウザサイズ設定はHTML6で行われようとしています。

連絡先情報への安全なアクセス

人々や訪問者は、デバイスのデータベースの電子メールアドレスまたは連絡先番号を取得したいことがよくあります。 現在、彼らはカットアンドペーストでそうすることができます。 JavaScriptは、新しいバージョンのHTML6でのこの切り取りと貼り付けから人々を救うことが期待されています。 モバイルデバイスでは、インターフェイスが連絡先情報への保護されたアクセスを人々に提供する可能性があります。

結論

それがすべてではありません。 開発者は、HTML6でフォームの検証をカスタマイズできるようにする必要があります。 現在、デフォルトで変更できません。 さらに、モバイル主導の世界では、次のHTMLバージョンは、モバイルブラウザでGPSを使用して位置追跡機能を提供する可能性があります。 Bluetoothサポート、組み込みのマルウェア保護、ピア間でファイルを転送する機能など、その他の機能のアイデアも、今後のHTML6のパイプラインに含まれています。

ステージはHTML6に設定されています。 Web開発プロセスに根本的な変化をもたらすことができる最新バージョンが来るまで待ちましょう。

ハッピーウェブ開発!